我在这里有这段代码,其中有一个带缩略图的滑块,而滑块较大的图像则只需attr('src')
单击一下拇指即可获取,但是我只想在图像加载后才更改该src。到目前为止,这是我提出的来源:
$('.thumb').click(function(){
topImageSrc = $(this).data("bigimage");
$(topImageSrc).load(function(){
coverMain.attr('src',topImageSrc);
main.fadeOut("slow");
})
});
遗憾的是,这不起作用,因为topImageSrc
只是大图像的路径变量,如下所示:/uploads/largeimages/pic1.jpg
我该如何强制它加载,然后检查是否完成,然后应用新映像?
您可以这样做:
$('.thumb').click(function () {
topImageSrc = $(this).data("bigimage");
var topImage = $('<img>').attr('src', topImageSrc);
$(topImage).load(function () {
coverMain.attr('src', topImageSrc);
main.fadeOut("slow");
});
});
这将创建一个图像(不将其附加到任何位置),将其源设置为topImageSrc
URL并检查load
事件。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句