0

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"});
    })

    }); 
4

1 に答える 1

0

おそらく、画像に高さと幅を割り当てる必要があります。

$("#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" });
于 2012-08-08T17:23:38.980 に答える