代码之家  ›  专栏  ›  技术社区  ›  Yijinsei

带jquery的图像幻灯片库

  •  0
  • Yijinsei  · 技术社区  · 16 年前

    我尝试在这里用jquery创建一个滑动横幅。

    我试着用这种方式编码

        .post(this,{ajax : 1}, function(data){
        var oldImage = $('div.banner > img');
        var newImage = $(data).insertAfter(oldImage).css('position','absolute').css('left',800);
        newImage.load(function(){ 
    oldImage.animate({left:-800},'medium',function(){});    newImage.animate({left:0},'medium',function(){
    oldImage.remove();
        });
    });
    });
    return false;
    

    旧图像滑开时的两个图像与新图像之间有一点间隙 滑入。我假设是因为图像的执行之间有一个延迟。 你们有什么建议可以让我做得更好吗?

    1 回复  |  直到 16 年前
        1
  •  0
  •   Nick Craver    16 年前

    你所拥有的应该可以用。这个 感知 延迟可能是图像实际上不是800px宽。因为你要为新/旧图像设置800px左右的动画,如果它们实际上没有那么宽,就会有一个间隙。

    slide effect 为此,或调整 left 等于图像的正确大小,例如通过 .width() .

    对于间隙“滞后”和宽度, you can see what I mean here 属性800px大于示例中的275px图像。