当前位置：文江博客话题详情

使用 jquery 动态调整图像大小

发布于 2024-09-09 15:56:49 字数 246 浏览 3 评论 0原文

我正在使用一个使用 DD 的终极淡入幻灯片的脚本： http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

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

谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

无力看清 2024-09-16 15:56:49

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

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

或者如果你不想为调整大小设置动画，只需使用

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

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

If you want to animate the size of the images you can use:

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

or if you don't want to animate the resizing just use

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

newheight and newwidth would be integers of whatever dimensions you want to give it. i.e. 100px x 200px

回复收藏 0 原文

双马尾 2024-09-16 15:56:49

我想通了：

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'

我只是在样式调用中添加了宽度......

I figured it out:

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'

I just added a width to the style call...

回复收藏 0 原文

~没有更多了~