vi a comment on Ben Nadel's blog donde Stephen Rushing registró un cargador, pero no puedo imaginar cómo me puede pasar los selectores y de parámetros .. pienso que también necesito un completeCallback & funciones errorCallback?cargar imágenes con jQuery devolución de llamada completa
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();
});
HTML:
<a href="#" class="tnClick" ><img id="myImage" src="images/001.jpg" /></a>
JS:
$(document).ready(function() {
var newImage = "images/002.jpg";
$("#myImage").css("display","none");
$("a.tnClick").click(function() {
// imgLoad here
});
})
¿Qué estás tratando de hacer, precargar tu imagen antes de mostrarla? –
En realidad solo quiero que se desvanezca .. Cuando hago clic en la imagen, establezco su pantalla en none y la carga. Cuando la carga se completa, desvanece. – FFish