Сообщение # 1 | 13:45:34 06 Июл 2016
Есть код слайдера(jquery) на главной страницы сайта и странице материалов соответствено
<div class='viewport'>

<ul class='slidewrapper' data-current=0>
<li class='slide'>

<li class='slide second'>

</li>
<li class='slide third'>
</li>
<li class='slide third'>
</li>
</ul>

пытаюсь сделать слайдер соответствующий каждой категории фильмов. Допустим раздел боевики в слайдере должны отображаться кадры из фильмов с боевиками, раздел комедии кадры из фильмов с комедиями ну и т.п.

В информере прописываю такую конструкцию. <li class='slide'></li>
не работает...

вот код jquery слайдера

var slideWidth=970;
var sliderTimer;
$(function(){
$('.slidewrapper').width($('.slidewrapper').children().size()*slideWidth);
sliderTimer=setInterval(nextSlide,90000);
$('.viewport').hover(function(){
clearInterval(sliderTimer);
},function(){
sliderTimer=setInterval(nextSlide,90000);
});
$('#next_slide').click(function(){
clearInterval(sliderTimer);
nextSlide();
sliderTimer=setInterval(nextSlide,90000);

к
});
$('#prev_slide').click(function(){
clearInterval(sliderTimer);
prevSlide();
sliderTimer=setInterval(nextSlide,90000);
});
});

function nextSlide(){
var currentSlide=parseInt($('.slidewrapper').data('current'));
currentSlide++;
if(currentSlide>=$('.slidewrapper').children().size())
{
currentSlide=0;
}
$('.slidewrapper').animate({left: -currentSlide*slideWidth},970).data('current',currentSlide);
}

function prevSlide(){
var currentSlide=parseInt($('.slidewrapper').data('current'));
currentSlide--;
if(currentSlide<0)
{
currentSlide=$('.slidewrapper').children().size()-1;
}
$('.slidewrapper').animate({left: -currentSlide*slideWidth},970).data('current',currentSlide);
}
как решить данную задачу можно?

вот адрес сайта kinoiserial.ucoz.ru слайдер в шапке сайта
"Нет больше печали, чем вспоминать о счасть в минуты страданий" - Данте Алигьери, Божественная комедия "Ад"