/* * Url 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.screenshotPreview = 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 */ jQuery("a.tip").hover(function(e){ this.t = this.title; this.title = ""; jQuery("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='Theme Preview Loading...' />"+"</p>"); jQuery("#screenshot") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px") .fadeIn("normal"); }, function(){ this.title = this.t; jQuery("#screenshot").remove(); }); jQuery("a.tip").mousemove(function(e){ jQuery("#screenshot") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px"); }); }; // starting the script on page load jQuery(document).ready(function(){ screenshotPreview(); jQuery(".tip img").removeAttr('title'); });