Question

我在div上显示图像。我的实际图像尺寸是宽度：300和高度：300。当打开实际图像时，它很小。但是当我把图像放在div中时，在浏览器上，图像是如此之大。我无法弄清楚要查看的设置。我检查并验证我没有改变图像大小。任何想法我应该检查。是否可以强制图像大小为jquery中的某些像素？

这是我在div上显示图像的代码：

$(function () { 
 $('#div1').html("").css({"border": "", "margin": "0"});
    var myImage6 = new Image(); 
    $(myImage6).load(function () 
    $("#div1").html(myImage6).css({"border": "2px solid #E0E0E0", "margin": "20px 20px 20px 0", "float": "top", "font-size": "12px"});


    }).attr('src', flowers_image).error(function(){
          $('#div1').html("").css({"border": "", "margin": "0"});
    })

    });

Answer 1

您可能需要为图像指定高度和宽度。

$("#div1").html(myImage6).css({ "width": "300px", "height" : "300px", "border": "2px solid #E0E0E0", "margin": "20px 20px 20px 0", "float": "top", "font-size": "12px"});

在您的.load方法之后（或在回调中），添加以下行：

$( '#div1 img' ).css({ "width": "300px", "height" : "300px" });

我的div上的图像显示比实际图像大小大很多

1 个答案: