代码之家  ›  专栏  ›  技术社区  ›  Ayaz Alavi

jquery动画问题

  •  0
  • Ayaz Alavi  · 技术社区  · 14 年前

    this 无需等待动画结束即可旋转图像的插件。如果您访问该链接,您可能会注意到动画在上一个动画结束时重新启动,但我希望图像背靠背,所以我不想等待第一个动画结束后再开始下一个动画。你知道怎么做吗。来自该插件的相关代码片段是

    el.animate({ left:"-" + el.width() + "px" }, time, "linear", function() {
    
    //reset container position
    $(this).css({ left:$("div#imageScroller").width(), right:"" });
    
    //restart animation. Problem is to restart it when last image completey appears with out pausing current animation.
    animator($(this), duration, "rtl");
    
    //hide controls if visible
    ($("div#controls").length > 0) ? $("div#controls").slideUp("slow").remove() : null ;
    
    }); 
    
    1 回复  |  直到 14 年前
        1
  •  2
  •   methodin    14 年前

    你必须以完全不同的方式来处理这个问题。你要么复制所有的图像,使用两个容器,因为其中一个是完全隐藏的,把它移到右边,要么从左边弹出图像,当它们从页面上消失时,把它们添加到右边。