[轉貼]使用jQuery自動縮圖檔 - [jQuery]

具體思路:

通過具體容器取得容器内所有圖檔

循環檢查所有圖檔長寬

對超過的圖重新定高度.

直接寫成一個擴充好了,以後可以直接用.

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(限制最大寬,限制最大高);})