jquery - スライドインとスライドアウトの画像

Question

1 つの画像がスライドしている間に別の画像がスライドするスムーズな効果を実現しようとしています。同時にdiv。

このようなものまたはこのようなもの

彼が直面した問題を説明する単純な 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、このようなものが欲しいかもしれません。