www.021-nanfeng.com.cn-欧美成年黄网站色视频,国产日韩久久久久无码精品,日韩精品一区二区三区免费视频,国产v欧美v日韩在线观看

    
    

        關(guān)于我們聯(lián)系我們網(wǎng)站地圖版權(quán)聲明收藏本站
        JavaScript實現(xiàn)網(wǎng)頁圖片等比例縮放效果

        在處理網(wǎng)頁圖片時,特別是一些圖片列表的應(yīng)用里面,很難保證圖片統(tǒng)一大小,直接設(shè)置圖片大小又會導(dǎo)致圖片拉伸,造成圖片模糊,本文介紹的代碼可以在圖片加載完成后自動按比例調(diào)整圖片大小。

        Javascript:

        <script language="javascript" type="text/javascript"> 
        <!-- 
        // 說明:用 JavaScript 實現(xiàn)網(wǎng)頁圖片等比例縮放 
        // 整理:http://www.CodeBit.cn 
        function DrawImage(ImgD,FitWidth,FitHeight) 
        { 
        var image=new Image(); 
        image.src=ImgD.src; 
        if(image.width>0 && image.height>0) 
        { 
        if(image.width/image.height>= FitWidth/FitHeight) 
        { 
        if(image.width>FitWidth) 
        { 
        ImgD.width=FitWidth; 
        ImgD.height=(image.height*FitWidth)/image.width; 
        } 
        else 
        { 
        ImgD.width=image.width; 
        ImgD.height=image.height; 
        } 
        } 
        else 
        { 
        if(image.height>FitHeight) 
        { 
        ImgD.height=FitHeight; 
        ImgD.width=(image.width*FitHeight)/image.height; 
        } 
        else 
        { 
        ImgD.width=image.width; 
        ImgD.height=image.height; 
        } 
        } 
        } 
        } 
        //--> 
        <script>

        調(diào)用方式:

        <ccid_file values="1148202890" alt="自動縮放后的效果"
        onload="javascript:DrawImage(this,200,200);" / />

        如果圖片較大,建議在圖片標(biāo)簽里面同時設(shè)置期望的圖片大小,這樣不會導(dǎo)致頁面在加載中撐開,該大小不會影響最終縮放效果。可以修改上面的代碼為: 

        <ccid_file values="1148202890" alt="自動縮放后的效果"
        width="200" height="200" onload="javascript:DrawImage(this,200,200);" / />
        來源:海南工商注冊代理網(wǎng)  相關(guān)專題:網(wǎng)站建設(shè)  閱讀:
        已經(jīng)是第一篇了 | 新一篇:[合法避稅咨詢]企業(yè)合理避稅案例分析
        文章評論信息

        已經(jīng)有0人評論該文章! 查看所有評論

        這里是評論的動作,做發(fā)表評論的錄入框

        相關(guān)信息
        服務(wù)指南

        GOGOGO高清在线观看中国| 中文无码AV一区二区三区| 亚洲日韩精品一区二区| 欧洲少妇无码AV| 精品亚洲成a人无码成a在线观看| 亚洲午夜久久久精品电影院| 国产欧美精品一区二区粉嫩| 欧洲人激情毛片无码视频| 又黄又爽又无遮挡又湿的视频| 人妻专区无码一区二区|