使用 jquery 动态调整图像大小

【问题标题】：dynamically resize images w/ jquery使用 jquery 动态调整图像大小
【发布时间】：2011-03-16 01:39:36
【问题描述】：

我正在使用一个使用 DD 的 Ultimate Fade-in Slideshow 的脚本： http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

它使用 jquery，我想将图像调整为幻灯片大小。

谢谢！

【问题讨论】：

【解决方案1】：

我想通了：

fadeSlideShow.routines={

getSlideHTML:function(imgelement){
    var layerHTML=(imgelement[1])? '<a href="'+imgelement[1]+'" target="'+imgelement[2]+' ">\n' : '' //hyperlink slide?
    layerHTML+='<img src="'+imgelement[0]+'" style="border-width:0; width: 440px;" />\n'

我刚刚在样式调用中添加了一个宽度...

【讨论】：

【解决方案2】：

如果您想为可以使用的图像大小设置动画：

jQuery('#imgID').animate({
  width: newwidth,
  height: newheight
});

或者如果您不想为调整大小设置动画，请使用

jQuery('#imgID').css({'width':'newwidth', 'height':'newheight'});

newheight 和 newwidth 将是您想要给它的任何尺寸的整数。即 100 像素 x 200 像素

【讨论】：