Несколько копий фейдера изображения

Question

Следующий код затухает набор изображений в отдельных div, которые находятся в div «слайд-шоу» и отлично работают. Дело в том, что он работает только для одного набора изображений. Просто интересно, есть ли способ создать div «slideshow2» и пропустить этот набор изображений. Любой вход был бы значительно оценен.

$(function() { 

     $("#slideshow > div:gt(0)").hide(); 

     setInterval(function() { 
      $('#slideshow > div:first') 
      .fadeOut(1000) 
      .next() 
      .fadeIn(1000) 
      .end() 
      .appendTo('#slideshow'); 
     }, 3000); 

    }); 

Answer 1

хорошо вы можете сделать это таким образом (не писать один и тот же код еще раз):

$(function() { 
    fade_function("#slideshow"); 
}); 


function fade_function(div_id) 
{ 
    $(div_id+" > div:gt(0)").hide(); 
    setInterval(function() { 
     $(div_id+' > div:first') 
     .fadeOut(1000) 
     .next() 
     .fadeIn(1000) 
     .end() 
     .appendTo(div_id); 
    }, 3000); 
} 

и всякий раз, когда вам нужно позвонить fade_function ("your_div _Вот");

Answer 2

Дайте как слайд-шоу дивы тот же класс, что-то вроде .slideshows.
Тогда ammend свой код следующим образом ...

$ (функция() {

$(".slideshows > div:gt(0)").hide(); 

    setInterval(function() { 
     $('.slideshows > div:first') 
     .fadeOut(1000) 
     .next() 
     .fadeIn(1000) 
     .end() 
     .appendTo('.slideshows'); 
    }, 3000); 

}); 

Таким образом, ваш код будет выполняться как для слайд-шоу сразу, без необходимости использовать раздельные функции. :)