使用幻灯片动画淡入幻灯片

时间:2013-06-17 20:26:53

标签: jquery html css animation flexslider

有没有人对FlexSlider有过任何经验?或者jQuery一般吗?

我正在使用FlexSlider幻灯片脚本,我已根据我的需求对其进行了自定义:http://www.davidpottrell.co.uk/slide/demo/

我的问题是,有没有人知道如何让幻灯片淡入幻灯片并使用幻灯片的幻灯片动画?目前我正在使用:

<script type="text/javascript">
$(window).load(function(){
  $('.flexslider').flexslider({
    animation: "fade",
    start: function(slider){
      $('.flexslider').removeClass('loading');
    }
  });
});

这允许幻灯片显示淡入,但它也会强制幻灯片淡入到下一个幻灯片。我希望它能够滑动。

小提琴链接:http://jsfiddle.net/HGEDz/1/

1 个答案:

答案 0 :(得分:0)

我在你的小提琴上改变了两件小事

第一个$(文件).ready(功能......(可能只是因为小提琴)和动画:“幻灯片”,

 $(document).ready(function(){
     $('.flexslider').flexslider({
         animation: "slide",
         start: function(slider){
             $('.flexslider').removeClass('loading');
         }
     });
 });

http://jsfiddle.net/HGEDz/1/

相关问题