我想知道是否可以在下面添加"悬停(用于幻灯片)暂停"?
<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主题中使用这个,我很想有一个"悬停",这样用户就可以暂停幻灯片来点击链接。
下载文件http://www.dlocc.com/downloads/jquery.flow.1.2.auto.pause.zip并替换为jquery.flow.1.2.js,就完成了。鼠标悬停时它将暂停。