js鼠标经过图片放大问题
this.imagePreview = function(){ /* CONFIG */
xOffset = 10;
yOffset = 20;
// these 2 variable determine popup's distance from the cursor
// you might want to adjust to get the right result
/* END CONFIG */
$("a.preview").hover(function(e){
this.t = this.title;
this.title = "";
var c = (this.t != "") ? " <br/>" + this.t : "";
$("body").append(" <p id='preview'> <img src='"+ this.href +"' alt='Image
preview' />"+ c +" </p>");
$("#preview")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.fadeIn("fast");
},
function(){
this.title = this.t;
$("#preview").remove();
});
$("a.preview").mousemove(function(e){
$("#preview")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px");
});
};
// starting the script on page load
$(document).ready(function(){
imagePreview();
});
这段代码中,当鼠标经过时放大了图片,在图片在显示器右面的时候放大的图片就在显示器外面了,只能看到一半图片。这个怎么能控制当鼠标放在图片上时如果出了右面的屏幕就自动在左面显示出来呢?还有一个问题就是当大图片没下载完之前有个提示“图片正在加裁中……”
请各位帮帮忙,谢谢了。