zoukankan      html  css  js  c++  java
  • js 小小jquery等比例缩放图片效果

    jQuery.fn.autoZoomLoadImage = function(scaling, width, height, loadPic) {
      if (loadPic == null) loadPic = "http://www.cnblogs.com/Images/WhiteLoader.gif";
      return this.each(function() {
        var t = $(this);
        var src = $(this).attr("src");
        var img = new Image();
        //alert("Loading")
        img.src = src;
        //自动缩放图片
        var autoScaling = function() {
          if (scaling) {
            if (img.width > 0 && img.height > 0) {
              if (img.width / img.height >= width / height) {
                if (img.width > width) {
                  t.width(width);
                  t.height((img.height * width) / img.width);
                }
                else {
                  t.width(img.width);
                  t.height(img.height);
                }
              }
              else {
                if (img.height > height) {
                  t.height(height);
                  t.width((img.width * height) / img.height);
                }
                else {
                  t.width(img.width);
                  t.height(img.height);
                }
              }
            }
          }
        }
        //处理ff下会自动读取缓存图片
        if (img.complete) {
          //alert("getToCache!");
          autoScaling();
          return;
        }
        $(this).attr("src", "");
        var loading = $("<img alt=\"加载中\" title=\"图片加载中\" src=\"" + loadPic + "\" />");
        t.hide();
        t.after(loading);
        $(img).load(function() {
          autoScaling();
          loading.remove();
          t.attr("src", this.src);
          t.show();
          //alert("finally!")
        });
      });
    }
  • 相关阅读:
    linux配置Java环境变量(详细)
    linux下的挂载点和分区是什么关系
    VNC的安装与配置
    Linux下的字符集问题
    Freemarker学习中遇到的问题
    ABAP- INCLUDE Zxxx IF FOUND.
    ABAP读取工单状态 STATUS_READ
    WIN7系统设置wifi
    201702-增强记
    20170301 Excel 分多个sheet 导出
  • 原文地址:https://www.cnblogs.com/zyosingan/p/1783540.html
Copyright © 2011-2022 走看看