Question

我想知道是否可以在“悬停（滑动）暂停”中添加以下内容？

<script type="text/javascript>
$(document).ready(function(){  
    $("#myController").jFlow({  
        slides: "#slides",  // the div where all your sliding divs are nested in  
        controller: ".jFlowControl", // must be class, use . sign  
        slideWrapper : "#jFlowSlide", // must be id, use # sign  
        selectedWrapper: "jFlowSelected",  // just pure text, no sign  
        width: "610px",  // this is the width for the content-slider  
        height: "235px",  // this is the height for the content-slider  
        duration: 400,  // time in miliseconds to transition one slide  
        prev: ".jFlowPrev", // must be class, use . sign  
        next: ".jFlowNext" // must be class, use . sign  
    });  
});  
</script>

我正在关注创建滑块时在http://www.webdesignbooth.com/step-by-step-to-create-content-slider-using-jflow-a-minimalist-jquery-plugin/找到的教程。我打算在wordpress主题中使用它，我希望有一个“悬停”，所以用户可以暂停幻灯片点击链接。

Answer 1

下载文件http://www.dlocc.com/downloads/jquery.flow.1.2.auto.pause.zip并替换为jquery.flow.1.2.js，您就完成了。它会在鼠标悬停时暂停。

在滑块上添加“悬停暂停”

1 个答案: