<sup id="eegmy"></sup>
  • CSS實現圖片等比例縮放代碼與jquery圖片等比例縮放代碼比較

    2011-10-26 20:33:53

    gicai

    0

     CSS實現圖片等比例縮放代碼與jquery圖片等比例縮放代碼比較


    方法六 jquery 方法 但是有個缺陷就是 圖片如果加載的慢就會導致其他的圖片都無法等比例縮放。

    如果jquery + 以上的 CSS 方法 幾乎堪稱完美。 本小者 親身測試體驗后得出的結果。

     


     /*!
     * 計彩中國 精彩你我
     * jquery 庫
     */
    $(document).ready(function(){
     //自動圖片縮略
        $('.gicai_productlist').autoResize({height:113});
    });   jQuery.fn.autoResize = function(options)
    {
        var opts = {
            'width' : 185,
            'height': 113
        }
        var opt = $.extend(true, {},opts,options || {});
        width = opt.width;
        height = opt.height;
        $('img',this).each(function(){
            var image = new Image();
            image.src = $(this).attr('src');   if(image.width > 0 && image.height > 0 ){
                var image_rate = 1;
                if( (width / image.width) < (height / image.height)){
                    image_rate = width / image.width ;
                }else{
                    image_rate = height / image.height ;
                }
                if ( image_rate <= 1="" br="">                $(this).width(image.width * image_rate);
                    $(this).height(image.height * image_rate);
                }
            }
        });
     //其他方法
     
     
    }



     

    以上是計彩中國 整理 推薦給大家。

     


    盛夏網絡科技有限公司

    Communication Co. Ltd.

     

    地址:鞍山市鐵西區萬科城市之光#A座

    固話:0412-8468368

    電話:13130077225

    郵箱:admin@gicai.com

     

    優質服務

     

    公司介紹

    發展歷程

    解決方案

     

    一物一碼抽獎

    咻一咻集福

    防偽溯源系統

    企業系統定制

    麻雀商城

    預約系統

     

     

    微信公眾號

     

    友情鏈接 : 微擎  |   計彩  |   愛驢樂微信平臺  |   統一企業  |   融創  |   康師傅  |   防偽系統

    掃描二維碼分享到微信

    在線咨詢
    聯系電話

    13130077225

    国产99视频精品免视看9,国产精品无码免费专区午夜,亚洲中文久久久久久精品国产,国产AV无码一区二区三区