Question

<img id="Img1" class="photoBox" src="Images/DisplayImageById.ashx?number=1&userName=<%=Page.User.Identity.Name %>"/>
         <img id="Img2" class="photoBox" src="Images/DisplayImageById.ashx?number=2&userName=<%=Page.User.Identity.Name %>"/>
         <img id="Img3" class="photoBox" src="Images/DisplayImageById.ashx?number=3&userName=<%=Page.User.Identity.Name %>"/>
         <img id="Img4" class="photoBox" src="Images/DisplayImageById.ashx?number=4&userName=<%=Page.User.Identity.Name %>"/>
         <img id="Img5" class="photoBox" src="Images/DisplayImageById.ashx?number=5&userName=<%=Page.User.Identity.Name %>"/>

我一直在寻找一种显示旋转图标的方法，直到图像加载而不使用ajax？我正在研究如何使用ajax加载图像，但它不是很好，所以我开始寻找一种没有ajax的方法。那可能吗？

感谢您的帮助。

Answer 1

检查一下。这是使用jQuery的load事件完成的，该事件告诉您何时加载特定元素，在您的情况下，img

http://jsfiddle.net/blackpla9ue/uJhCt/1/

$(function(){
  $('div img').each(function(){
    var thisImage = $(this);
    thisImage.hide(0)
             .load(function(){
                $(this).show();
             });
});

请注意，如果您将代码置于$(document).ready(function(){ ...});

内，这将不有效

显示没有ajax的加载图片

1 个答案: