www.gusucode.com > 易心博客[圣诞版] 3.5手动安装码程序 > Plugin/PhotoPreview/main.js
/* * Image preview script * powered by jQuery (http://www.jquery.com) * * written by Alen Grakalic (http://cssglobe.com) * * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery * */ this.imagePreview = function(){ /* CONFIG */ xOffset = 10; yOffset = 30; // 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.id +"' 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"); }); }; this.PreviewCheckExt=function(Url) { var Ext="jpg|bmp|gif|png"; var Url=Url.toLowerCase(); Ext=Ext.split("|"); for(var i=0;i<Ext.length;i++) { if (Url.indexOf(Ext[i])!=-1) { return true; } } return false; } this.AddPreviewCss=function () { var a=$("A"); for(var i=0;i<a.length;i++) { if (this.PreviewCheckExt(a[i].id)) { a[i].className="preview"; } } } // starting the script on page load $(document).ready(function(){ AddPreviewCss(); imagePreview(); });