如何添加启动和停止能力的简易滑块jquery插件在鼠标悬停

Question

我使用easySlider 1.7 jQuery插件为我设计的网站添加幻灯片。
这个插件有一个auto选项，我们可以通过将其设置为true值来在页面加载时启动幻灯片。但是当我们点击相对导航按钮转到幻灯片时，slideShow不再自动移动幻灯片。我想添加一个功能，当用户进入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代码

$("#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)