Слайдер CSS + jQuery глюк
Всем привет)
Помогите решить проблемку со слайдером? Слайдер мой, как видно из названия на CSS и jQuery создавал на основе урока http://ruseller.com/lessons.php?rub=29&id=534 Но у меня не пункты-ссылки а две стрелки по бокам. Вот сам скрипт: http://jfdu.ucoz.ru/slider.js Проблема у меня с ним в файрфоксе, хроме: Перешёл на сайт с слайдером, не выключил его, пошёл гулять по другим вкладкам, пришёл через несколько минут, а он начал ускоренно перелистывать слайды (там стоит таймер на каждые 6 секунд, а он перелистывает без пауз) спустя какое-то время слайдер возвращается в нормальный режим. Такое чувство, что он листал столько, сколько он пролистал бы пока я гулял по др. вкладкам.И ещё, возможно это от одной яблони, он запоминает кол-во нажатий и листает столько, сколько раз я нажал на стрелку. Помогите плиз:cray: P.S. На гугле забанят если я опять буду доставать его своими поисковыми запросами:lol: |
Acreator57887,
Думаю корень тут rotateSwitch = function(){ play = setInterval(function(){ //Задать таймер $active = $('.paging a.active').next(); if ( $active.length === 0) { $active = $('.paging a:first'); //после последней - обратно на первую } rotate(); }, 7000); //Время для прокрутки (7 секунд) }; rotateSwitch(); Функцию стоит переделать через setTimeout и вызов самой себя, в первой строке функции clearTimeout(timeoutId) всех предыдущих вызовов http://javascript.ru/setTimeout |
А подробнее можно?
Я так понял setTimeout выполняет функцию через заданное время один раз. А как же сделать выполнение "по кругу"? "вызов самой себя" это как? Возможно, я ошибаюсь, но мне кажется это всего лишь удвоит время.. хотя по идее должно сработать, всё равно можно подробнее, а то я с синтаксисом не дружу Может попробовать пропустить её через цикл? Или будут ошибки? |
Спасибо за новый способ ;)
Но не помогло. Глюк остался. |
Acreator57887, Пробуйте добавить
var timeout2; function rotateS() { *!* clearInterval(play); */!* clearTimeout(timeout2); timeout2 = setTimeout(function() {rotateSwitch ();rotateS() }, 6000); } rotateSwitch = function(){ rotate_r(); rotateS(); }; |
С этой строчкой вообще не листает.
|
Цитата:
предыдущей замене, внутри цикла перезапуска того setTimeout и сбрасывать clearTimeout(play); |
Блин ничего не понял.:blink: Второй чтоль делать? Почему "тоже"? он же один вроде таймер-то.
"Ясен перец, тады данный setInterval; нун тоже переделать через setTimeout" А первый раз мы не его переделывали?? |
Acreator57887,
У Вас их похоже два - первый проверяет на отсутствие кликов перезапускает анимацию при остутствии кликов в течении какого то времени, Второй запускает анимацию периодически через 6 сек |
Блин как всё странно... в опере норм работает. Да нет там второго таймера или я ошибаюсь? Ссылку на сам сайт с слайдером в ЛС кинул.
|
Часовой пояс GMT +3, время: 22:38. |