在幻灯片更改上添加当前幻灯片正文类

我正在使用幻灯片在我的网站上创建幻灯片，此工作正常，但我希望将增加的类添加到正文标记例如载入幻灯片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当幻灯片被转换/改变时，可以上课。

任何帮助，将不胜感激

来源

2011-09-24 Adam

好设法得到这个工作，感谢马库斯对他的帮助，我只是优化了你的代码来提取正确的列表“分页”，它采用当前类;

$(function(){ 
var slideshow = $("#feature-slideshow"); 
    slideshow.slides({ 
     preload: true, 
     preloadImage: '<?php bloginfo('template_url'); ?>/images/loading.gif', 
     generateNextPrev: false, 
     effect: 'fade', 
     play: 5000, 
     hoverPause: false, 
     currentClass: "current", 
     animationStart: function() { 
      var idx = $('ul.pagination').children(".current").index(); 
      document.body.className = "slidebg-"+(idx+1); 
     } 
    }); 
});

我不得不申请slidebg-3 body标签作为某些原因，当幻灯片循环，它包括第一个列表

伟大的作品虽然除了删除所有其他机构类，我想我可以添加它作为ID因为我不使用其中之一

无论如何，希望这可以帮助别人！

来源

2011-09-26 20:46:31 Adam

刚刚起步类添加到身体直接（<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); 
     } 
    }); 
});

来源

2011-09-24 14:27:51 mekwall

在幻灯片更改上添加当前幻灯片正文类

回答

相关问题