相关疑难解决方法(0)

jQuery加载完整回调的图像

在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)

jquery load image complete

10
推荐指数
1
解决办法
6万
查看次数

图片在document.ready上没有宽度

我有一个功能,我想用来调整图像大小:

http://jsfiddle.net/eUurB/

当我在document.ready上运行它时,它没有任何效果; 返回的图像大小是'0'(您可能会注意到它在小提琴中起作用...我不确定是什么导致这种不一致的说实话,但在我的测试网站上它肯定会返回'0'的高度和宽度".

这是预期的行为吗?如果是这样,当图像有宽度时,我怎么能做一个简单的监听器?

javascript jquery image document-ready

2
推荐指数
1
解决办法
2719
查看次数

标签 统计

image ×2

jquery ×2

complete ×1

document-ready ×1

javascript ×1

load ×1