我在Ben Nadel的博客上发表评论,其中Stephen Rushing发布了一个加载器,但我无法弄清楚如何通过选择器和参数..我想我还需要一个completeCallback和errorCallback函数?
function imgLoad(img, completeCallback, errorCallback) {
if (img != null && completeCallback != null) {
var loadWatch = setInterval(watch, 500);
function watch() {
if (img.complete) {
clearInterval(loadWatch);
completeCallback(img);
}
}
} else {
if (typeof errorCallback == "function") errorCallback();
}
}
// then call this from anywhere
imgLoad($("img.selector")[0], function(img) {
$(img).fadeIn();
});
Run Code Online (Sandbox Code Playgroud)
HTML:
<a href="#" class="tnClick" ><img id="myImage" src="images/001.jpg" /></a>
Run Code Online (Sandbox Code Playgroud)
JS:
$(document).ready(function() {
var newImage = "images/002.jpg";
$("#myImage").css("display","none");
$("a.tnClick").click(function() {
// imgLoad here
}); …Run Code Online (Sandbox Code Playgroud) 我有一个功能,我想用来调整图像大小:
当我在document.ready上运行它时,它没有任何效果; 返回的图像大小是'0'(您可能会注意到它在小提琴中起作用...我不确定是什么导致这种不一致的说实话,但在我的测试网站上它肯定会返回'0'的高度和宽度".
这是预期的行为吗?如果是这样,当图像有宽度时,我怎么能做一个简单的监听器?