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!")
        });
      });
    }
  • 相关阅读:
    2019-9-2-一个好的程序员
    2019-9-2-一个好的程序员
    2018-2-13-wpf-GifBitmapDecoder-解析-gif-格式
    2018-2-13-wpf-GifBitmapDecoder-解析-gif-格式
    2019-5-31-SharpDx-进入全屏模式
    2019-5-31-SharpDx-进入全屏模式
    2019-8-31-dotnet-删除只读文件
    2019-8-31-dotnet-删除只读文件
    PHP mysqli_real_connect() 函数
    PHP mysqli_query() 函数
  • 原文地址:https://www.cnblogs.com/zyosingan/p/1783540.html
Copyright © 2011-2022 走看看