0

请看看这个 http://jsfiddle.net/CztkH/6/

我想连续运行我的幻灯片(比如我们如何播放电影)。但我不能让它连续滑动:(。请帮我QQ这是我运行幻灯片的javascript:

function doDoubleSlide(obj1, obj2){
    obj1.hide("slide", {direction:"left"},1000);
    obj2.show("slide", {direction:"right"},1000);
    setTimeout(function(){doDoubleSlide(obj2,obj1);}, 3000);
}
doDoubleSlide($("#sl01"), $("#sl02"));

谢谢你的时间。

4

1 回答 1

2

您使用 JavaScript 和 CSS 构建滑块的方式存在一些不同的问题,我认为您在此处组合的内容没有任何简单的解决方法。

  • 从 CSS 的角度来看,您正在以一种有问题的方式为幻灯片制作动画 - 应该内联浮动
  • 并且您应该为一个主容器设置动画,而不是为其单独容器内的元素设置动画。

我能给你的最好建议是使用不同的方法。

我看到你正在使用jQuery UI库来制作动画——我认为这不是你想要在这里实现的最合适的东西——这些插件更适合效果,需要更多的工作来适应和重新换肤.

有很多更适合的现有插件专门用于这样的幻灯片,并且开箱即用:

http://jquerytools.org/demos/scrollable/index.html

http://www.woothemes.com/flexslider/

http://jquery.malsup.com/cycle/

于 2012-11-05T14:44:43.160 回答