Javascript 图像音量控制器的多个副本

下面的代码淡入“slideshow”div中的单个div中的一组图像，效果非常好。问题是它只适用于一组图像。只是想知道是否有任何方法可以创建一个“slideshow2”div，并使该组图像淡入淡出。任何投入都将受到极大的重视

    $(function() {

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

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

    });

---

为两个幻灯片放映div设置相同的类，类似于

.slideshows

然后按如下方式编译代码

$（函数（）{

---

这样，您的代码将同时为两个幻灯片执行，而不必使用单独的函数。

您可以这样做（不再编写相同的代码）：

---

当您需要调用淡入淡出功能（“此处为您的div”）

两个幻灯片都使用class…如果我们看到您的DOM，会更容易帮助您。非常感谢！我还没有时间测试它，但它很有意义，我不敢相信我之前没有看到。干杯：）很高兴，我的朋友！：）祝您好运！：）尝试此功能后，我发现它无法正常工作：（它简单地循环浏览了所有其他图像中第一组图像中的图像，并且在第一组图像中仅具有淡入淡出功能。不过感谢您的想法：）

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

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

});

$(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);
}