2012-06-15 2 views
0

У меня есть функция, которая вращает различные объявления путем затухания внутрь и снаружи, но мне нужно, чтобы она зависала бесконечно, пока кто-то не нажимает на одно из изображений. Вот функцияjquery бесконечный цикл после того, как функция выполнена

$(document).ready(function() { 
    /* thumbnail ads */ 
    $('#adthumb1').delay(3500).fadeIn(1500).delay(9000).fadeOut(1500); 
    $('#adthumb2').fadeIn(0000).delay(3500).fadeOut(1500).delay(2000).fadeIn(1500); 
    $('#adthumb3').fadeIn(0000).delay(7000).fadeOut(1500).delay(2000).fadeIn(1500); 
    $('#adthumb4').fadeIn(0000).delay(10500).fadeOut(1500).delay(2000).fadeIn(1500); 
    /* main ads */ 
    $('#mainad1').fadeIn(0000).delay(3500).fadeOut(1500); 
    $('#mainad2').delay(3500).fadeIn(1500); 
    $('#mainad3').delay(7000).fadeIn(1500); 
    $('#mainad4').delay(10500).fadeIn(1500); 
}); 

Любая помощь очень ценится !!

+3

Почему бы вам просто не построить массив ваших элементов, а затем использовать обратный вызов .fadeIn() или .fadeOut() для их циклического преобразования? – j08691

+0

Я хочу, чтобы некоторые из анимаций слегка перекрывались и из того, что я понимаю, обратные вызовы будут ждать завершения каждой анимации, исправьте меня, если я ошибаюсь. Благодаря! –

ответ

3

Вы можете использовать setInterval, захватить интервал ID и использовать clearInterval, чтобы отменить цикл в обработчике кликов на div, содержащем вращающиеся объявления.