Question

我使用easySlider 1.7 jQuery插件将SlideShow添加到my Designed Website 此插件有一个自动选项，我们可以通过将其设置为 true 值来启动页面加载上的幻灯片。但是当我们点击相对导航按钮进入幻灯片时，幻灯片显示不再自动移动幻灯片。我想添加一个功能当用户进入slideShow部分时，所有幻灯片停止然后开始鼠标输出事件

这是我的幻灯片代码：

    <section id="slideShow">
      <div id="slider">
         <ul>
           <li><a href="#"><img src="timthumb.php?src=uploads/4406f06c590a7a7bb6ab60f36653c7419b8bbfbd.jpg&w=730&h=410"></a></li> 
           <li><a href="#"><img src="timthumb.php?src=uploads/6a56ff2601034e783c4f7cab9a5f0fed6896dcbd.jpg&w=730&h=410"></a></li>
        </ul>

        </div>
        </section>

这是我的jQuery Code来初始化插件

$("#slider").easySlider({
                auto: true,
                continuous: true,
                numeric: true,
                speed: 600,
                prevId:         "prevBtn",
                nextId:         "nextBtn"
        });

我需要什么。有什么解决方案吗？

Answer 1

嗯，据我所知，事实证明这个插件并不支持。您可以修改插件的代码以实现您想要的。以下是修改（对我而言，我使用easySlider的版本1.7：easySlider1.7.js）：

第161行：更换 t = dir; 通过 t = parseInt(dir);

第198行更换 if(options.auto && dir=="next" && !clicked){; 通过 if(options.auto)

全部

如何在mouseover上添加easySlider jquery插件的启动和停止功能

1 个答案: