0

スパンにカーソルを合わせると、画像が大きくなります（つまり、75％から100％のサイズになります）。私は次のようなことを試みました

$("img#myselector").css("width", "75%");
$("img#myselector").css("max-width", "75%");
$("img#myselector").css("height", auto");
//mouse enters the span
$("img#myselector").css("width", "100%");
$("img#myselector").css("max-width", "100%");
//mouse leaves the span
$("img#myselector").css("width", "75%");
$("img#myselector").css("max-width", "75%");

しかし、これにより、サイズが縮小/拡大されるのではなく、画像が通常のサイズの200％に拡大されました。

何か助けはありますか？

ありがとう。

4

1 に答える 1

1

@HasanAyanが言ったように、画像のコンテナを基準にして画像のサイズを変更しています。画像がbodyサイトのにある場合は、ページの全幅を。で使用しようとしますwidth:100%。

ピクセルを指定する必要があります。

そのために、jQueryの機能を利用height()しwidth()て、後で操作するための元のサイズを取得できます。

var originalWidth = $('#myselector').width();

ここに動作例があります：http： //jsfiddle.net/bX3GU/

于 2013-03-25T16:52:43.007 に答える