Question

我正在使用此scrpt从产品详情页面上的缩略图加载更大的图片：

$(function() {
$('a.listingProductImageTooltip').tooltip({
    track: true,
    delay: 0,
    showURL: false,
    bodyHandler: function() {
        return "<img src='"+ $(this).attr('rel') +"' alt='image preview' /><div style=\"padding-top: 10px\">"+ this.tooltipText+"</span>";
},
    fade: 250
}); });

但是我如何预加载新的更大的图像以显示在工具提示插件中？

提前Tnx

Answer 1

我可以看到你在rel属性中存储了更大的img src。因此，您可以在页面完成初始加载后执行此操作

$(window).load(function() {
    $('a[rel]').each(function() {
        var theImage = new Image();
        theImage.src = $(this).attr('rel');
    });
});

它将创建Javascript图像对象，并将每个锚点的rel属性分配给每个图像对象的src。因此图像将在后台预先加载

如何在jquery工具提示显示之前用忙img预加载img

1 个答案: