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!")
        });
      });
    }
  • 相关阅读:
    PL/SQL:these query result are not updateable,include the ROWID to get updateab -----for update
    JDBC ORACLE
    ORACLE 分页 java 用jdbc方式以 sys账号连接oracle数据的问题
    浅析Linux DeviceTree
    linux驱动开发—基于Device tree机制的驱动编写
    高通9X07模块QMI架构使用入门
    man iptables 8
    man iptables(8)
    使用fakeroot模拟root权限执行程序(转)
    linux system()函数详解
  • 原文地址:https://www.cnblogs.com/zyosingan/p/1783540.html
Copyright © 2011-2022 走看看