絶対位置を使用せずに画像をホバーして別の画像に置き換える方法はありますか?
現在、私のイメージは の中心にありますがspan (display: block;)、text-align: center;これで問題ありません。
ドキュメントに画像を追加して複数のソリューションを試し、jQuery で切り替えました。
$("span.image_hover").hover(function() {
$(this).find("img:not(.secondary)").stop(true, true).fadeOut();
$(this).find("img.secondary").stop(true, true).fadeIn();
}, function() {
$(this).find("img:not(.secondary)").stop(true, true).fadeIn();
$(this).find("img.secondary").stop(true, true).fadeOut();
});
このソリューションの問題は、画像に対して絶対的な位置が必要なため、中央の位置が破壊されることです。これは、Web サイトが応答性が高く、サイズ変更時に画像が画面の中央ではなく左側にあるため、問題です (モバイル デバイス）。画像は拡大縮小され、最大幅 (240px) でのみ使用されます。
とにかく、画像をインラインまたは中央に維持しながら、この移行を行うことができますか?
画像のURLがわかりません。したがって、画像に _off/_on を追加することはできません。それらはサーバー上で生成され、ドキュメントで使用する変数として送信されます。