具體思路:

通過具體容器取得容器內所有圖片

循環檢查所有圖片長寬

對超過的圖重新定高度.

直接寫成一個擴展好了,以后可以直接用.

jquery.fn.ImageAutoSize = function(width,height)
{
??? $("img",this).each(function()
??? {
??? ??? var image = $(this);
??? ??? if(image.width()>width)
??? ??? {
??? ??? ??? image.width(width);
??? ??? ??? image.height(width/image.width()*image.height());
??? ??? }
??? ??? if(image.height()>height)
??? ??? {
??? ??? ??? image.height(height);
??? ??? ??? image.width(height/image.height()*image.width());
??? ??? }
??? });
}

調用:先引用上面的腳本或將上頁的腳本放入自己的JS庫,然后只要再加

$(function(){ $("圖片組所在的容器").ImageAutoSize(限制最大寬,限制最大高);})

轉載于:https://www.cnblogs.com/yjmyzz/archive/2008/10/12/1309021.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的[转贴]使用jQuery自动缩图片 - [jQuery]的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。