jQuery滑块-更改HTML中的延迟时间而不是Javascript
我正在使用找到的jQuery滑块。我想修改的是在HTML中设置幻灯片放映延迟,如下所示:jQuery滑块-更改HTML中的延迟时间而不是Javascript,javascript,jquery,slider,slideshow,Javascript,Jquery,Slider,Slideshow,我正在使用找到的jQuery滑块。我想修改的是在HTML中设置幻灯片放映延迟,如下所示: <div class="oneByOne_item" rel="6000"> <p>Slide one, 6 seconds.</p> </div> <div class="oneByOne_item" rel="2000"> <p>Sli
<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文件来修改它,在这种情况下,我会联系脚本的作者并雇佣他来进行更改
谢谢大家! 如果插件允许您为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
}
});
每次幻灯片被触发时都会运行回调,设置计时器。如果插件不支持这一点(我不能说,因为它是封闭源代码),那么您必须联系项目负责人或使用其他插件。谢谢您的帮助!是的,我不认为它支持它,当我添加这个函数时,它让滑块做了一些非常奇怪的事情。在你编辑你的帖子之前,我没有使用这个功能就试过了,它只会在第一个rel号码上使用,但没有。看看API,我无法想象在不改变核心插件的情况下实现这一点的方法。为这个坏消息感到抱歉。希望这有帮助!
$('#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
}
});