jQuery图片重载功能？

我有一个gif图像加载栏动画我确实希望它重新加载时单击重新加载图像，以便重复动画。jQuery图片重载功能？

//My HTML 
<img src="http://i54.tinypic.com/2qdwtp0.gif" id="load-bar"/> 
<a href="#" id="reloadImg">Reload Image</a> 

//My js code 

function imgRelaoder() { 
//some stuff to reload image with id #load-bar 
}  

$(function() { 
    imgRelaoder(); 
    $("#reloadImg").click(imgRelaoder); 
});

来源

2011-08-01 noviceRick

为什么不把GIF上的循环控制设置为无限？ – mVChr

@mVChr我知道它可以在GIF中完成无限循环，但是当页面加载和重新加载时点击重复动画，我想动画一次。 – noviceRick

$(function() { 
    var loadImg = document.getElementById('load-bar'); 

    $("#reloadImg").click(function() { 
     loadImg.src = loadImg.src; 
    }).click(); 
});

http://jsfiddle.net/27NV3/

来源

2011-08-01 03:31:51 user113716

这是如此简单并且很有用感谢Buddy！我从这里学到很多东西，我太新手了 – noviceRick

首先，创建一个Image对象，并为其分配一个src属性：

var image = new Image(); 
    image.src = "path-to-your-loader.gif";

然后，在你的函数imgReloader：

$("#load-bar").attr("src", image.src);

来源

2011-08-01 03:35:58

function imgRelaoder() { 
    $("#load-bar").attr("src", 
     $("#load-bar").attr("src") 
    ); 
}

来源

2011-08-01 03:38:54 sanmai

jQuery图片重载功能？

回答

相关问题