如何使基本jQuery滑块在1次循环后停止

How to make Basic jQuery Slider to stop after 1 loop

本文关键字:循环 1次 何使基 jQuery      更新时间:2023-09-26

我正在使用这个基本的jQuery滑块,但喜欢它在1个循环后停止而不是循环。我不认为这是定制的选项之一。知道如何在它之上进行自定义吗?

http://www.basic-slider.com/

提前感谢!

这是我到目前为止所拥有的:

jQuery(document).ready(function($) {
          $('#banner-slide').bjqs({
            // w + h to enforce consistency
            width           : 660,
            height          : 235,
            // transition valuess
            animtype        : 'slide',
            animduration    : 350,      // length of transition
            animspeed       : 10000,     // delay between transitions
            automatic       : true,     // enable/disable automatic slide rotation
            // control and marker configuration
            showcontrols    : false,     // enable/disable next + previous UI elements
            centercontrols  : false,     // vertically center controls
            nexttext        : 'Next',   // text/html inside next UI element
            prevtext        : 'Prev',   // text/html inside previous UI element
            showmarkers     : false,     // enable/disable individual slide UI markers
            centermarkers   : false,     // horizontally center markers
            // interaction values
            keyboardnav     : false,     // enable/disable keyboard navigation
            hoverpause      : false,     // enable/disable pause slides on hover
            // presentational options
            usecaptions     : false,     // enable/disable captions using img title attribute
            randomstart     : false,     // start from a random slide
            responsive      : false,     // enable responsive behaviour
          });

        });

我已经自定义并添加了一个选项,用于在循环后停止此自动滑块。幻灯片更改将在最后一张幻灯片处停止。名为"旋转"的选项。默认情况下,它为 true。您需要将其设置为 false 以避免下一次旋转。

代码会像

$('#banner-fade').bjqs({
        height      : 320,
        width       : 620,
        responsive  : true,
        automatic   : true,
        rotate  : false,
 });

您可以在以下链接中找到更新的插件 jquery 文件

  1. 基本滑块 正常缩小