1

ユーザーが画像をホバーすると画像を拡大し、ホバーアウトすると元の高さと幅に戻ろうとしています。画像サイズを希望の値に拡大するのに苦労しています。ホーミングすると画像が極端に大きくなるようです。私が何を間違えたのかわからない。助けてくれてありがとう。

$('#image_layout').on({
        mouseenter: function() {
            var $this=$(this);
            console.log($this.height());
            $(this).css("z-index", 1).animate({
                    height: "120%",
                    width: "120%"                    
                }, "fast");

            $(this).after('hfdsuhods');
        },
        mouseleave: function() {
            $(this).css("z-index", 0).animate({
                    height: "100%",
                    width: "100%"

                }, "fast");
        }
     }, "img");




//images are from ajax call and the sizes are varies. 
<div id='image_layout'>
    <img src='a.jpg' />
    <img src='b.jpg' />
    <img src='c.jpg' />
</div>   
4

1 に答える 1

0
                height: "120%",
                width: "120%"  

このコードは、画像のサイズを 120% にすることを意味します。つまり、現在よりも 20% 大きくなります。画像がすでにかなり大きい場合、これにより 20% 大きくなります。これらの値を、おそらく 105% から始めてそこから、より快適なものに変更します。極端に大きくなるわけではありませんが、少なくともホバーしたときに「極端に大きく」なるのを防ぐことができます。

于 2012-08-02T17:45:59.050 に答える