如何在 SlidesJS.com 的 SlideJS 中自动切换幻灯片?
How can I switch slides automatically in SlideJS from SlidesJS.com?
我正在努力获取 SlideJS 运行,并按顺序处理演示和行为的某些方面。
我还没有做到的一件事是让它自动从一张幻灯片滑动或过渡到下一张幻灯片。
报错的代码在SlideJS主插件文件的第67行,在最后一行,除了下面的右大括号;我的副本位于 https://cjshayward.com/wp-content/Slides-SlidesJS-3/source/jquery.slides.js:
if (typeof TouchEvent !== "undefined") {
$.data(this, "touch", true);
this.options.effect.slide.speed = this.options.effect.slide.speed / 2;
}
在我的调用中注释掉分配,抑制了报告的错误,但我认为代码可能需要比这行更多的信息,这似乎只是将现有设置减半。我可以分配,没有立即报告的错误,
this.options.effect['qwerty'] = 'qwerty';
但是我得到一个类似的错误(即设置一个未定义的属性),如果我有:
this.options.effect.slide['qwerty'] = 'qwerty';
我已经尝试了一些配置选项,我可以看到手动圆圈点击以在幻灯片之间移动,但还没有设法获得自动转换(插件支持幻灯片或淡入淡出选项;我想要'slide' 效果)。我目前的选择目标是:
<script>// <![CDATA[
jQuery(function(){
jQuery('#slides').slidesjs({
slide:
{
speed: 200
},
interval: 2000,
active: true,
auto: true,
effect: 'slide',
height: 528,
interval: 5000,
pauseOnHover: true,
restartDelay: 2500,
swap: false,
width: 940
});
});
// ]]></script>
在查看源代码中:http://www.slidesjs.com/,有多个示例调用,但我看到的唯一调用是在包含 slidejs.min.js 之后(从 URL 加载的最后一个脚本)是:
<script>
$(function() {
$('#slides').slidesjs({
width: 940,
height: 350,
navigation: false
});
});
</script>
谢谢,
看看:-
https://jsfiddle.net/5x2tqdsv/
您需要修复 html 并删除以下行:-
effect: 'slide',
有两个问题。
一个是 HTML 需要修复。
另一个是选项被呈现,平坦,http://www.slidesjs.com/examples/playing/ 的来源有:
$(function() {
$('#slides').slidesjs({
width: 940,
height: 528,
play: {
active: true,
auto: true,
interval: 4000,
swap: true,
pauseOnHover: true,
restartDelay: 2500
}
});
});
我现在拥有我想要的一切,除了最初在被劫持之前一次全部显示的数据(我应该能够通过多种方式解决这个问题,这与我无关)。除了 HTML 问题外,还有一个问题是当我需要 option/key (play
) 有自己的字典时,我试图使用平面字典来指定选项作为价值而不是例如一个数字或布尔值作为大多数其他选项的值。
我现在正在使用的更新后的 JSfiddle 是 https://jsfiddle.net/ydvtynjL/
我正在努力获取 SlideJS 运行,并按顺序处理演示和行为的某些方面。
我还没有做到的一件事是让它自动从一张幻灯片滑动或过渡到下一张幻灯片。
报错的代码在SlideJS主插件文件的第67行,在最后一行,除了下面的右大括号;我的副本位于 https://cjshayward.com/wp-content/Slides-SlidesJS-3/source/jquery.slides.js:
if (typeof TouchEvent !== "undefined") {
$.data(this, "touch", true);
this.options.effect.slide.speed = this.options.effect.slide.speed / 2;
}
在我的调用中注释掉分配,抑制了报告的错误,但我认为代码可能需要比这行更多的信息,这似乎只是将现有设置减半。我可以分配,没有立即报告的错误,
this.options.effect['qwerty'] = 'qwerty';
但是我得到一个类似的错误(即设置一个未定义的属性),如果我有:
this.options.effect.slide['qwerty'] = 'qwerty';
我已经尝试了一些配置选项,我可以看到手动圆圈点击以在幻灯片之间移动,但还没有设法获得自动转换(插件支持幻灯片或淡入淡出选项;我想要'slide' 效果)。我目前的选择目标是:
<script>// <![CDATA[
jQuery(function(){
jQuery('#slides').slidesjs({
slide:
{
speed: 200
},
interval: 2000,
active: true,
auto: true,
effect: 'slide',
height: 528,
interval: 5000,
pauseOnHover: true,
restartDelay: 2500,
swap: false,
width: 940
});
});
// ]]></script>
在查看源代码中:http://www.slidesjs.com/,有多个示例调用,但我看到的唯一调用是在包含 slidejs.min.js 之后(从 URL 加载的最后一个脚本)是:
<script>
$(function() {
$('#slides').slidesjs({
width: 940,
height: 350,
navigation: false
});
});
</script>
谢谢,
看看:-
https://jsfiddle.net/5x2tqdsv/
您需要修复 html 并删除以下行:-
effect: 'slide',
有两个问题。
一个是 HTML 需要修复。
另一个是选项被呈现,平坦,http://www.slidesjs.com/examples/playing/ 的来源有:
$(function() {
$('#slides').slidesjs({
width: 940,
height: 528,
play: {
active: true,
auto: true,
interval: 4000,
swap: true,
pauseOnHover: true,
restartDelay: 2500
}
});
});
我现在拥有我想要的一切,除了最初在被劫持之前一次全部显示的数据(我应该能够通过多种方式解决这个问题,这与我无关)。除了 HTML 问题外,还有一个问题是当我需要 option/key (play
) 有自己的字典时,我试图使用平面字典来指定选项作为价值而不是例如一个数字或布尔值作为大多数其他选项的值。
我现在正在使用的更新后的 JSfiddle 是 https://jsfiddle.net/ydvtynjL/