Jquery加载图像，而图像加载

我做了下面的脚本来显示加载器，而图像加载时，我唯一的问题是如何植入多图像的？Jquery加载图像，而图像加载

jQuery的部分

$(window).ready(function(){ 
    $("#image").load(function(){ 
     $("#waiter").fadeOut(function(){ 
      $("#image").fadeIn(); 
     }); 
    }); 
});

的HTML

 <div id="content"> 
     <div id="waiter"><img src="http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif"></div> 
     <img src="http://responsiveslides.com/1.jpg?PREVENT_CACHE=6200" id="image"/> 
    </div>

来源

2013-10-20 Ivo

@imjared为什么？在这种情况下，它的使用方式与使用'.click（）'或'.mouseup（）'函数相同。请阅读说明书，请 – Bojangles

@Bojangles whoa，每天学习新东西。不知道。手动=读取。感谢您的支持 – imjared

您可以使用类而不是ID的喜欢的。

HTML：

<div class="content"> 
    <div class="waiter"> 
     <img src="http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif"> 
    </div> 
    <img src="http://responsiveslides.com/1.jpg?PREVENT_CACHE=6200" class="image" /> 
</div> 
<div class="content"> 
    <div class="waiter"> 
     <img src="http://bradsknutson.com/wp-content/uploads/2013/04/page-loader.gif"> 
    </div> 
    <img src="http://responsiveslides.com/2.jpg?PREVENT_CACHE=6200" class="image" /> 
</div>

代码：

$(window).ready(function(){ 
    $(".image").load(function(){ 
     $(this).siblings(".waiter").fadeOut(function(){ 
      $(this).siblings(".image").fadeIn(); 
     }); 
    }); 
});

演示：http://jsfiddle.net/IrvinDominin/kk7ad/

来源

2013-10-20 14:19:19

您正在使用的ID #image这意味着你只能用你的脚本1次（同一ID可以使用每页1），你应该尝试使用class="image"，那么你可以这样做。

$('.image').each(function(){ //Your code goes here. })

来源

2013-10-20 14:14:54

Jquery加载图像，而图像加载

回答

相关问题