Тема: JS: Слайдер срабатывает один раз
Здравствуйте есть такой слайдер http://hostserg.irk0.ru/ сейчас работает только кнопка "forward", я уже над ним долго мучаюсь почти доделал но срабатывает он только один раз не могу разобраться в чем дело вот весь его код
(function($) {
$.fn.scrollbox = function(config) {
//default config
defConfig = {
step: 50, // Distance of each single step (in pixels)
speed: 32, // Delay after each single step (in milliseconds)
switchItems: 1, // Items to switch after each scroll event
direction: 'vertical',
distance: 'auto',
};
config = $.extend(defConfig, config);
config.scrollOffset = config.direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
return this.each(function() {
var container = $(this),
containerUL,
nextScrollId = null,
forward,
scrollForward,
containerUL = container.children('ul:first-child');
scrollForward = function() {
containerUL.children('li:nth-child(1)').removeClass('leftSide');
containerUL.children('li:nth-child(1)').addClass('rightSide ');
containerUL.children('li:nth-child(2)').removeClass('scale90 leftSide');
containerUL.children('li:nth-child(2)').addClass('scale80 leftSide');
containerUL.children('li:nth-child(3)').removeClass('scale100');
containerUL.children('li:nth-child(3)').addClass('scale90 leftSide');
containerUL.children('li:nth-child(4)').removeClass('scale90 rightSide');
containerUL.children('li:nth-child(4)').addClass('scale100');
containerUL.children('li:nth-child(5)').removeClass('scale80 rightSide');
containerUL.children('li:nth-child(5)').addClass('scale90 rightSide');
};
forward = function() {
scrollingId = setInterval(scrollForward, config.speed);
};
// bind events for container
container.bind('forward', function() { clearTimeout(nextScrollId); forward(); });
});
};
}(jQuery));