javascript - jQuery Slider - 在 HTML 而不是 Javascript 中更改延迟时间

Question

我正在使用找到的 jQuery Slider here .我要修改的是像这样在 HTML 中设置 slideShowDelay:

<div class="oneByOne_item" rel="6000">
    <p>Slide one, 6 seconds.</p>
</div>

<div class="oneByOne_item" rel="2000">
    <p>Slide two, 2 seconds.</p>
</div>

现在，所有幻灯片只有一次，它在 Javascript 中:

$('#slider').oneByOne({
    className: 'oneByOne1',
    slideShow: true,
    easeType: 'none',
    enableDrag: false,
    showArrow: false,
    showButton: false,
    width: 1280,
    height: 720,
    delay: 0,
    slideShowDelay: 6000
});

我想知道是否有一种简单的方法可以修改它以实现这种情况？或者您是否必须深入研究主要的 javascript 文件来修改它，在这种情况下，我会联系脚本的作者并聘请他进行更改？

谢谢!

Answer 1

如果插件允许您为 slideShowDelay 提供回调，您总是可以尝试这样的事情:

$('#slider').oneByOne({
    className: 'oneByOne1',
    slideShow: true,
    easeType: 'none',
    enableDrag: false,
    showArrow: false,
    showButton: false,
    width: 1280,
    height: 720,
    delay: 0,
    slideShowDelay: function() { 
      $(this).attr('rel'); // 'this' should refer to the element you
                           // are extending if authored correctly
    }                                   
});

回调将在每张幻灯片被触发时运行，设置计时器。如果该插件不支持此功能(我无法判断，因为它是封闭源代码)，那么您必须联系项目所有者或使用其他插件。