它显示在jQuery的工具提示之前

我使用这个SCRPT的产品列表网页上的缩略图加载更大的图像如何预装繁忙IMG的img：它显示在jQuery的工具提示之前

$(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提前

来源

2012-04-26 benzo

，我可以看到你存储在rel属性的较大尺寸的IMG SRC。所以，你可以做到这一点后，你的页面完成其初始负载

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

它将创建JavaScript图片对象和每个锚的rel属性分配给每个图像对象的src。所以图像将被预装在后台

来源

2012-04-26 12:44:57 devnull69

这是一个好主意，但我wan't加载新的形象只有一个客户通鼠标移到缩略图。 – benzo 2012-04-26 13:38:09

我不明白...是不是鼠标已经是工具提示的触发器？所以，当你想要预加载吗？请再具体些 – devnull69 2012-04-26 14:15:36

一位顾客通过鼠标移到缩略图查看新图像之前应该查看忙图像。 “bodyHandler”设置中的工具提示插件不会预加载图像。我想要做这样的事情http://www.ajaxshake.com/demo/EN/461/3a114ccd/put-an-image-as-a-tooltip-with-javascript-preloading-the-images-imgpreview.html – benzo 2012-04-26 14:44:21

它显示在jQuery的工具提示之前

回答

相关问题