Javascript 运行多个幻灯片放映循环

我在一个页面上有四个幻灯片，我只想循环运行。它们非常简单，基于简单的JQuery幻灯片

我对标记和CSS很在行，但对javascript还不是很精通。现在，我可以制作一个幻灯片，但不能同时制作四个。我希望能得到一些帮助，让这四个人都能工作。谢谢

JS:

加价：

<div>
    <div class="slider">
        <ul id="slider1">
            <li><img src="images/.../art-1.jpg" /></li>
            <li><img src="images/.../art-2.jpg" /></li>
            <li><img src="images/.../art-3.jpg" /></li>
            <li><img src="images/.../art-4.jpg" /></li>
            <li><img src="images/.../art-5.jpg" /></li>
        </ul>
    </div>
</div>

<div>
    <div class="slider">
        <ul id="slider2">
            <li><img src="images/.../bnl-1.jpg" /></li>
            <li><img src="images/.../bnl-2.jpg" /></li>
            <li><img src="images/.../bnl-3.jpg" /></li>
            <li><img src="images/.../bnl-4.jpg" /></li>
            <li><img src="images/.../bnl-5.jpg" /></li>
        </ul>
    </div>
</div>

<div>
     <div class="slider">
        <ul id="slider3">
            <li><img src="images/.../bge-1.jpg" /></li>
            <li><img src="images/.../bge-2.jpg" /></li>
            <li><img src="images/.../bge-3.jpg" /></li>
            <li><img src="images/.../bge-4.jpg" /></li>
            <li><img src="images/.../bge-5.jpg" /></li>
        </ul>
    </div>
</div>

<div>
     <div class="slider">
        <ul id="slider4">
            <li><img src="images/.../rtb-1.jpg" /></li>
            <li><img src="images/.../rtb-2.jpg" /></li>
            <li><img src="images/.../rtb-3.jpg" /></li>
            <li><img src="images/.../rtb-4.jpg" /></li>
            <li><img src="images/.../rtb-5.jpg" /></li>
        </ul>
    </div>
</div>

简单的幻灯片放映的问题在于它很简单。考虑切换到或者，这两个都可以容纳多个实例。p> 如果您真的想解决这个问题，请向slideSwitch（）函数传递一个ID，并使用该ID而不是“#slideshow”

function slideSwitch(id, switchSpeed, activeClass) {
    var $active = $(id + ' IMG.' + activeClass);

    ...

您还可以{gag}复制函数3次，并更改每个函数中的ID，从而有效地运行脚本4次

function slideSwitch1(switchSpeed,activeClass) {
    var $active = $('#slideshow1 IMG.' + activeClass);

function slideSwitch2(switchSpeed,activeClass) {
    var $active = $('#slideshow2 IMG.' + activeClass);

...

---

非常感谢。正如我所说，我不是javascript方面的佼佼者——正如你所建议的，我现在正在尝试实现bxslider，但我仍然被卡住了。也许是冲突？但这是我在页面上运行的唯一一块JS。任何进一步的帮助将不胜感激…开始一个新的问题，我们将帮助您解决。如果没有一些细节，很难做到这一点。：-）完成。谢谢@isherwood

function slideSwitch(id, switchSpeed, activeClass) {
    var $active = $(id + ' IMG.' + activeClass);

    ...

function slideSwitch1(switchSpeed,activeClass) {
    var $active = $('#slideshow1 IMG.' + activeClass);

function slideSwitch2(switchSpeed,activeClass) {
    var $active = $('#slideshow2 IMG.' + activeClass);

...