具體思路:

通過具體容器取得容器內(nèi)所有圖片

循環(huán)檢查所有圖片長寬

對超過的圖重新定高度.

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

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());
??? ??? }
??? });
}

調(diào)用:先引用上面的腳本或?qū)⑸享摰哪_本放入自己的JS庫,然后只要再加

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

轉(zhuǎn)載于:https://www.cnblogs.com/yjmyzz/archive/2008/10/12/1309021.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。