0

我正在使用easySlider 1.7 jQuery 插件将幻灯片添加到我的设计网站。
这个插件有一个自动选项，我们可以通过将其设置为真值来在页面加载时启动幻灯片。但是当我们单击相对导航按钮转到幻灯片时，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"
        });

我需要什么。有什么解决办法吗？

4

1 回答 1

0

好吧，据我所知，这个插件不支持这个。你可以修改插件的代码来实现你想要的。以下是修改（对我有用，我使用的是 easySlider 的 1.7 版：easySlider1.7.js）：

第 161 行：替换 t = dir; 为 t = parseInt(dir);

第 198 行替换 if(options.auto && dir=="next" && !clicked){; 为 if(options.auto)

就这样

于 2014-03-28T19:32:09.190 回答