динамически изменять размер изображения с JQuery - PullRequest
3 голосов
/ 15 июля 2010

Я использую скрипт, который использует DD Ultimate Fade-in Slideshow: http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

Он использует jquery, и я хотел бы изменить размеры изображений до размера слайд-шоу.

Спасибо!

Ответы [ 2 ]

1 голос
/ 15 июля 2010

Если вы хотите анимировать размер изображений, которые вы можете использовать:

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

или если вы не хотите анимировать изменение размера, просто используйте

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

newheight иnewwidth будет целыми числами любых размеров, которые вы хотите дать.т.е. 100px x 200px

0 голосов
/ 15 июля 2010

Я понял это:

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'

Я только добавил ширину к стилевому вызову ...

...