Вопрос про dle. как настроить переключатель между трейлером и фильмом

Иван Третьяков Иван Третьяков   23.12.2014 00:22   1 519  
Как настроить переключатель между трейлером и фильмом без перезагрузки страницы? Dle 10.3
Шаблон Кинорип

Ответы на вопрос (8) Написать ответ
Иван Третьяков Иван Третьяков   23.12.2014 00:23

{title}

Рейтинг: {rating}

Год: [xfvalue_year]
Страна: [xfvalue_country]
Жанр: {link-category}
Режиссер: [xfvalue_director]
Актеры: [xfvalue_actors]
Время: [xfvalue_duration]
Просмотров: {views}







Твитнуть


















Описание фильма


{full-story}
ФильмКомментировать

[xfgiven_online]


[/xfgiven_online]
[xfgiven_playlist]





[/xfgiven_playlist]









Смотрите также:
{related-news}


[group=5]
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.

Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

[/group]

Комментарии:


Please enable JavaScript to view the Comments powered by KinoRip.RU.
Comments powered by KinoRip.RU
0
Решение
venom777 venom777   23.12.2014 00:24
Используйте Tabs (табы)
0
Иван Третьяков Иван Третьяков   23.12.2014 00:25
А можно поточнее, желательно с примерами, с dle недавно начал работать.
0
Иван Третьяков Иван Третьяков   23.12.2014 00:26
Заранее благодарен )
0
Иван Третьяков Иван Третьяков   23.12.2014 00:29
http://vk.com/doc31282891_352467523
0
pronchak pronchak   23.12.2014 01:49
Код плагина:

/*
* Плагин: TTabs
* Назначение: Создание неограниченного числа вкладок на сайте
* Версия: 2.0
* Для активации в коде сайта нужно вставить код jquery: $('селектор').ttabs();
* где в роли селектора может выступать класс, id или любой другой селектор jquery
* .active-ttab - класс активной вкладки
*
*
*/

jQuery.fn.ttabs = function(options){

var options = jQuery.extend({

activeClass: 'active-ttab' // Класс активной вкладки

},options);

return this.each(function() {

$(this).find('.tt-panel:first').show(0);
$(this).find('.index-tabs span:first').addClass(options.activeClass);

$(this).find('.index-tabs span').click(
function() {
$(this).parent().parent().find('.index-panel .tt-panel').hide(0);
var numEl= $(this).index();
$(this).parent().parent().find('.index-panel .tt-panel').eq(numEl).show();
$(this).parent().find('span').removeClass(options.activeClass);
$(this).addClass(options.activeClass);
}
);

});

};

Подключаем плагин. Добавляем код в секцию head:



создаем html код для вкладок:



Первая вкладка
Вторая вкладка
Третья вкладка



11111


222222


33333




Ну и теперь активируем наш плагин и применяем его:

$('.tt-tabs').ttabs();

Чтобы создать несколько блоков с вкладками, мы просто дублируем html код и меняем название класса у блока, в котором содержаться вкладки:

$('.tt-tabs2').ttabs();

Плагин на данный момен имеет одну настройку - вы можете указать название класса активной вкладки:

$('.tt-tabs').ttabs({
activeClass: 'active-ttab2'
});
0
pronchak pronchak   23.12.2014 01:50
Чет съело html код. Короче вот ссылка: http://test-templates.com/development/77-sozdanie-jquery-vkladok-moj-plagin-ttabs-test-templates-tabs.html
0
Иван Третьяков Иван Третьяков   24.12.2014 17:30
Спасибо огромное, все получилось!
0

Войдите, чтобы написать ответ
Вход Регистрация

Фриланс нового поколения. Всё за 500 рублей!