Difference between revisions of "MediaWiki:Common.js"
From Unofficial Fantasica Wiki
(Created page with "- →Any JavaScript here will be loaded for all users on every page load.: /* * Image preview script * powered by jQuery (http://www.jquery.com) * * written by Alen Grak...") |
|||
Line 20: | Line 20: | ||
/* END CONFIG */ | /* END CONFIG */ | ||
− | $(" | + | $("td.preview").hover(function(e){ |
this.t = this.title; | this.t = this.title; | ||
this.title = ""; | this.title = ""; | ||
Line 34: | Line 34: | ||
$("#preview").remove(); | $("#preview").remove(); | ||
}); | }); | ||
− | $(" | + | $("td.preview").mousemove(function(e){ |
$("#preview") | $("#preview") | ||
.css("top",(e.pageY - xOffset) + "px") | .css("top",(e.pageY - xOffset) + "px") |
Revision as of 03:13, 4 January 2013
/* Any JavaScript here will be loaded for all users on every page load. */ /* * 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 */ $("td.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(); }); $("td.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(); });