Difference between revisions of "MediaWiki:Common.js"
From Unofficial Fantasica Wiki
| (4 intermediate revisions by one user not shown) | |||
| Line 21: | Line 21: | ||
/* END CONFIG */ | /* END CONFIG */ | ||
$("td.preview").hover(function(e){ | $("td.preview").hover(function(e){ | ||
| − | + | $("body").append("<div id='preview'> /></div>"); | |
| − | $("body").append("<div id='preview'> | + | |
$("#preview") | $("#preview") | ||
| + | .load("http://www.fantasicawiki.com/getImage.php?img="+this.title) | ||
.css("top",(e.pageY - xOffset) + "px") | .css("top",(e.pageY - xOffset) + "px") | ||
.css("left",(e.pageX + yOffset) + "px") | .css("left",(e.pageX + yOffset) + "px") | ||
| Line 29: | Line 29: | ||
}, | }, | ||
function(){ | function(){ | ||
| − | |||
$("#preview").remove(); | $("#preview").remove(); | ||
}); | }); | ||
Latest revision as of 04:19, 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){
$("body").append("<div id='preview'> /></div>");
$("#preview")
.load("http://www.fantasicawiki.com/getImage.php?img="+this.title)
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.fadeIn("fast");
},
function(){
$("#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();
});
