如何使用jQuery设置图像的高度和宽度

Question

有没有办法使用jQuery设置图像的高度和宽度？以下是我的代码

var img = new Image();  
 // Create image
$(img).load(function(){                 
    imgdiv.append(this);
}).error(function () {  
    $('#adsloder').remove();
}).attr({ 
    id: val.ADV_ID,  
    src: val.ADV_SRC,
    title: val.ADV_TITLE,
    alt: val.ADV_ALT
});

谢谢。

- Vicky

Answer 1

你可以调用 .height() 和 .width() 的设置器：

var img = new Image();  
 // Create image
$(img).load(function(){                 
    imgdiv.append(this);
}).error(function () {  
    $('#adsloder').remove();
}).attr({ 
    id: val.ADV_ID,  
    src: val.ADV_SRC,
    title: val.ADV_TITLE,
    alt: val.ADV_ALT
}).height(100).width(100);

- Nick Craver

---

$('<img/>', { id: val.ADV_ID, src: val.ADV_SRC, title: val.ADV_TITLE, alt: val.ADV_ALT }).load(function() { imgdiv.append(this); }).height(100).width(100); - Rafael Herscovici

@Dementic - 在某些浏览器中，重要的是在指定源之前指定加载处理程序，以便在所有情况下处理即时缓存加载...因此，虽然更短，但在所有情况下也不正确。当然，随着Opera转向webkit，这在现今已经不是那么重要了。 - Nick Craver

@NickCraver 我不知道这一点，我相信jQuery已经为我完成了这项工作。 - Rafael Herscovici

Answer 2

$(".img1").css('height','10');
$(".img1").css('width','10');

或者

$(".img1").attr('height','10');
$(".img1").attr('width','10');

- sekhar.k

---

或者 $('.img1').css({ 'height': '10px', 'width': '10px' }); - Rafael Herscovici

Answer 3

如果图像位于 <div class="myGallery"> 内部

$('div.myGallery > img').css({ 'height': '10px', 'width': '10px' }); 

- eQ19