0

このスクリプトを使用して、製品リスト ページのサムネイルから大きな画像を読み込みます。

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

4

1 に答える 1

0

ご覧のとおり、より大きなサイズの img src を rel 属性に保存しています。したがって、ページの初期ロードが完了した後にこれを行うことができます

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

Javascript 画像オブジェクトを作成し、各アンカーの rel 属性を各画像オブジェクトの src に割り当てます。そのため、画像はバックグラウンドでプリロードされます

于 2012-04-26T12:44:57.637 に答える