显示加载图像，而通过jQuery

图像加载我有这个JavaScript显示加载图像，而通过jQuery

$(function() { 
    $('button').click(function() {   
     $('#imgText').html('&lt;img src="imagecreator.php?param=' + $('input[name=username1]').val() + '"&param="'+ $('input[name=username2]').val() + '" /&gt;'); 
    }); 
});

它从外部源加载GD图像，并将其返回。它可能会很慢，并且我无法弄清楚如何在加载外部图像时显示加载gif。

任何输入？

来源

2012-12-23 EliteDK

尝试使用一些第三方的东西，像我经常使用：BlockUI（http://www.malsup.com/jquery/block/），你只需要阻止这是你形象的容器中，用定制的加载GIF显示元素，并解除其在该图像的加载事件。

编辑：

一个非常粗略的代码可以在这里找到：http://jsfiddle.net/EfGTS/，你需要花更多的时间玩它来满足你的需要。

代码：

$(function() { 
    $('input').click(function() { 
     $('#theContainor').block({ 
      message: '<h1><img src="http://jimpunk.net/Loading/wp-content/uploads/loading45.gif" width="300px" height="300px"/>Just a moment...</h1>', 
      css: { height: '0px'} 
      }); 
     $('#theContainor').append('<img src="http://www.ptb.de/de/aktuelles/archiv/presseinfos/pi2011/bilder/20110228_thoron_big.jpg?seed=' + Math.random() +'" width="300px" onload="$(\'#theContainor\').unblock();"/>'); 
    }); 
});

来源

2012-12-23 04:49:36

显示加载图像，而通过jQuery

回答

相关问题