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 回答