2012-04-28 2 views
1

У меня есть этот кусок кода, сейчас он работает только один раз. Мне нужно, чтобы он работал постоянно, когда dom загружается для пользователя. не уверен, как это сделать ... спасибо.jQuery Непрерывный fadein fadeout Loop

$('.first').delay(8000).fadeOut('slow', function() { 
       $('.second').fadeIn(); 
      }) 

ответ

0

Вы можете использовать функцию JavaScript setInterval и сделать:

setInterval(delayFunction, 8000); 

function delayFunction() { 
    $('.first').fadeOut('slow', function() { 
     $('.second').fadeIn(); 
    }) 
} 
0

Я предполагаю, что вы хотите, чтобы элементы исчезать, а также. Если dnot тогда идет только на один уровень, тогда снова вызовите функцию.

$(document).ready(fadeIn); 

function fadeRepeat() 
{ 
    $('.first').delay(8000).fadeOut('slow', function() { 
      $('.second').fadeIn(function() { 
       $('.first').fadeIn('slow', function() { 
        $('.second').fadeOut(fadeRepeat()); 
       } 
      }); 
    }); 
} 
+0

это работает, но это большой Glitchy, то второе изображение выглядит для второго, то disapears – user990717

+0

Не знаю, почему, не видя его в действии. Можете ли вы опубликовать свой html-фрагмент? – Gats

+0

Я могу отправить вам ссылку в частном порядке, я не могу опубликовать ее здесь. – user990717

0

попробовать это:

window.setInterval(function(){ 
    $('.first').fadeOut('slow', function() { 
    $('.second').fadeIn() 
}); 
}, 8000);