zoukankan      html  css  js  c++  java
  • Jquery动态进行图片缩略

    //页面加载完执行resizeImage()函数
    $(document).ready(resizeImage());
    
    function resizeImage(){
        $(".pic a img").each(function(){
                    //加载图片至内存,完成后执行
            $(this).load(function(){
                            //获得原始图片高宽
                var imgWidth = $(this).width();
                var imgHeight = $(this).height();
                            //获得图片所在Div高宽
                var boxWidth=$('.pic').width();
                var boxHeight=$('.pic').height();
                //比较imgBox的长宽比与img的长宽比大小
                if((boxWidth/boxHeight)>=(imgWidth/imgHeight))
                {
                        //重新设置img的width和height
                    $(this).width((boxHeight*imgWidth)/imgHeight);
                       $(this).height(boxHeight);
                       //让图片居中显示
                       var margin=(boxWidth-$(this).width())/2;
                       $(this).css("margin-left",margin);
                }
                else
                {
                       //重新设置img的width和height
                       $(this).width(boxWidth);
                       $(this).height((boxWidth*imgHeight)/imgWidth);
                      //让图片居中显示
                       var margin=(boxHeight-$(this).height())/2;
                       $(this).css("margin-top",margin);
                }
            });            
        })
    }             

     推荐一个自己业余时间开发的网盘搜索引擎,360盘搜www.360panso.com

  • 相关阅读:
    驾照暂时不用年审,放心了
    痛筋
    摘枣
    当了一回山村教师
    补贴山村学校照片
    心中无敌,无敌于天下
    山路
    学会珍惜
    写给部分美女们
    不打羽毛球好多年
  • 原文地址:https://www.cnblogs.com/eczhou/p/3245027.html
Copyright © 2011-2022 走看看