javascript - Jssor连续旋转不停歇

标签 javascript jquery jssor

我在网站上的几个区域中使用 Jssor slider ,并希望继续使用它,但是,在这种情况下,我需要它更像一个选取框而不是幻灯片。这可能吗?

这是我的代码: HTML:

<div id="logo-slide-container">
    <div class="logo-slides" u="slides">
        <div><span u="image"><img id="supplierLogo" src="http://www.gstatic.com/webp/gallery/1.jpg" alt="" /></span></div>
        <div><span u="image"><img id="supplierLogo" src="http://www.gstatic.com/webp/gallery/1.jpg" alt="" /></span></div>
        <div><span u="image"><img id="supplierLogo" src="http://www.gstatic.com/webp/gallery/1.jpg" alt="" /></span></div>
        <div><span u="image"><img id="supplierLogo" src="http://www.gstatic.com/webp/gallery/1.jpg" alt="" /></span></div>
        <div><span u="image"><img id="supplierLogo" src="http://www.gstatic.com/webp/gallery/1.jpg" alt="" /></span></div>
        <div><span u="image"><img id="supplierLogo" src="http://www.gstatic.com/webp/gallery/1.jpg" alt="" /></span></div>
        <div><span u="image"><img id="supplierLogo" src="http://www.gstatic.com/webp/gallery/1.jpg" alt="" /></span></div>
    </div>
</div>

JS:

$(document).ready(function ($) {
    var options = {
             $AutoPlay: true,
             $PlayOrientation: 2,
             $AutoPlayInterval: 1,
             $SlideDuration: 3500,                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
             $DisplayPieces: 5 
    };
    var jssor_slider1 = new $JssorSlider$("logo-slide-container", options);
});

我希望它能够继续旋转而不暂停,这是一个很好的持续滚动。 这是Fiddle 我到目前为止所拥有的。非常感谢任何帮助。

最佳答案

$(document).ready(function ($) {
    var options = {
             $AutoPlay: true,
             $PlayOrientation: 2,
             $SlideEasing: $Jease$.$Linear,         
             $Idle: 0,
             $SlideDuration: 3500, 
             $DisplayPieces: 5
        };
    var jssor_slider1 = new $JssorSlider$("logo-slide-container", options);
});

参见http://jsfiddle.net/b6qpdyex/4/

关于javascript - Jssor连续旋转不停歇,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25893729/

相关文章:

javascript - 将文本标签添加到 Force directed Graph 中的 d3 节点并在悬停时调整大小

javascript - 如何从 html 的其他部分在 var textarray 中输入文本?

Jquery在页面上查找第一个h1并将更多html append 到其html中

jquery - 使用 jQuery 修剪 itemprop 属性

jquery - Jssor 完全适合 div 内的图像

javascript - 模板 "data"绑定(bind)提供值而不是可观察值

javascript - 迭代 JSON 对象

javascript - 禁止从 HTML 页面拖动图像

javascript - 如何替换默认的 JSSOR 图像?

javascript - jssor transition builder - 如何将代码添加到现有 slider ?