0

HTML本文に巨大な画像を追加する前に、プリローダー画像を表示する必要があります。私のスクリプトでは、画像付きのツールチップは、完全に読み込まれた後にのみ、マウスオーバーイベントに表示されます。画像が完成するまでに時間がかかりすぎます。その間、ページに何かを表示したいと思います。

this.screenshotPreview = function(){    
xOffset = 10;
yOffset = 30;
$('a.screenshot').hover(function(e){
    this.t = this.title;
    this.title = '';    
    var c = (this.t != '') ? '<br/>' + this.t : '';
    $('body').append('<p id="screenshot"><img src="images/image.png" alt="Url preview" />'+ c +'</p>');
    $('#screenshot')
    .css('top',(e.pageY - xOffset) + 'px')
    .css('left',(e.pageX + yOffset) + 'px')
    .fadeIn('fast');                        
},
function(){
   this.title = this.t; 
   $('#screenshot').remove();
}); 
$('a.screenshot').mousemove(function(e){
    $('#screenshot')
    .css('top',(e.pageY - xOffset) + 'px')
    .css('left',(e.pageX + yOffset) + 'px');
});         
};

// starting the script on page load
$(document).ready(function(){
screenshotPreview();
});

ありがとう。

4

1 に答える 1

1

この div #screenshot でプリローダーの背景画像を設定してください。

この div を追加すると、IMG の巨大な画像を表示する前に BG が表示されます

于 2012-04-26T04:38:49.353 に答える