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!")
        });
      });
    }
  • 相关阅读:
    Action中使用Json
    QueryHelper插件类(hql)
    StrutsResultSupport的使用
    使用POI操作Excel
    对于response.setContentType(MIME)的解释
    通过反射技术获取泛型真实实例
    spring中context:property-placeholder
    SSH整合需要的jar包
    SSH整合主要XML代码
    设置三思LED的IP地址跟端口号
  • 原文地址:https://www.cnblogs.com/zyosingan/p/1783540.html
Copyright © 2011-2022 走看看