jquery - サイトの画像ロールオーバーの中心を入れ替える

Question

何らかの理由で、何かを機能させることができません。私がやりたいのは、ページの中央に画像を配置することだけです (ページ上の唯一のものです)。それをロールオーバーすると、別の画像に変わります。

jqueryでロールオーバー効果を作ることができ、画像をページの中央に配置できます。しかし、それらを組み合わせることはできません..jqueryのロールオーバー効果は絶対位置を使用しているためです。

助けてください。

前もって感謝します！

Answer 1

このようなJavaScriptで両方のアクションを実行できます

$(".container img").hover(function() {  
  $(".container img").toggle();
});

そしてあなたのHTMLで

<div class="container">
  <img src="http://www.placehold.it/140x140&text=Image%201" />
  <img style="display:none;" src="http://www.placehold.it/140x140&text=Image%202" />
</div>

簡単な実例: http://jsbin.com/agirul/1/edit

Answer 2

画像を div でラップし、それをページの中央に相対的な位置で配置して、画像がドキュメント本文ではなくその div に関連するようにすることができます。