我正在使用slidesjs在我的网站上创建幻灯片，这工作正常，但我想向正文标记添加一个增量类，例如加载时的幻灯片 1，然后当幻灯片更改幻灯片 2 等时，直到幻灯片完全旋转并返回到幻灯片 1
我当前的代码是；
<script>
$(function(){
$('#feature-slideshow').slides({
preload: true,
preloadImage: '<?php bloginfo('template_url'); ?>/images/loading.gif',
generateNextPrev: false,
effect: 'fade',
play: 5000,
hoverPause: true,
animationStart: function() {
$("body").addClass("slide");
}
});
});
</script>
我有两个问题；
1)我希望在幻灯片加载之前设置初始类，以便在加载页面而不是幻灯片时应用背景样式
2) 如何在幻灯片转换/更改时增加幻灯片 x 类。
任何帮助将不胜感激
最佳答案
直接将初始类添加到主体中即可( <body class="slide-1"> )。无需让 JavaScript 执行此操作，因为它始终从幻灯片 1 开始。
要增加该数字，您可以设置 currentClass选项，以便我们可以使用 .index() 获取当前幻灯片的索引.
$(function(){
var slideshow = $("#feature-slideshow");
slideshow.slides({
preload: true,
preloadImage: '<?php bloginfo('template_url'); ?>/images/loading.gif',
generateNextPrev: false,
effect: 'fade',
play: 5000,
hoverPause: true,
currentClass: "current"
animationStart: function() {
var idx = slideshow.children(".current").index();
document.body.className = "slide-"+(idx+1);
}
});
});
关于javascript - 在幻灯片更改时添加当前幻灯片主体类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7539468/