jquery - 滑入和滑出图像

Question

我正在尝试实现一种平滑的效果，当一张图片滑出时，另一张图片滑入。此动画需要采用一种方式，当一个东西滑出时，另一个东西滑入，这样它们都可以同时在 div 内增加空间。

类似于 this或 this

我创建了一个 simple jsFiddle ，描述了他面临的问题。

    $("#googleLogo").hide("slide", {
        direction: "right"
    }, 500 );
    $("#yahooLogo").show("slide", {
        direction: "left"
    }, 500 );

我基本上是先把一件东西滑出来，然后再把另一件东西滑进去。我想我在某个地方犯了一个愚蠢的错误。

Answer 1

这取决于您的标记和样式结构:

CSS:

#imageSliding {
   position:relative;
   height:100px;
}
#imageSliding img {
   position:absolute;
   left:0;
   top:0;
}
#yahooLogo {
  display:none;
}

CHECKOUT FIDDLE ，您可能想要这样的东西。