MediaWiki:Common.js - Revision history

Kadaan at 04:19, 4 January 2013

2013-01-04T04:19:28Z

Kadaan at 04:15, 4 January 2013

2013-01-04T04:15:02Z

Kadaan at 04:13, 4 January 2013

2013-01-04T04:13:46Z

Kadaan at 04:10, 4 January 2013

2013-01-04T04:10:00Z

Kadaan at 03:58, 4 January 2013

2013-01-04T03:58:51Z

Kadaan at 03:56, 4 January 2013

2013-01-04T03:56:15Z

Kadaan at 03:51, 4 January 2013

2013-01-04T03:51:42Z

Kadaan at 03:17, 4 January 2013

2013-01-04T03:17:20Z

Kadaan at 03:13, 4 January 2013

2013-01-04T03:13:09Z

Kadaan: 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..."

2013-01-04T02:52:18Z

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..."

New page

/* 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 */
$("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();
});

@@ Line 24: / Line 24: @@
 		$("body").append("<div id='preview'> /></div>");
 		$("#preview")
 			.load("http://www.fantasicawiki.com/getImage.php?img="+this.title)
 			.css("top",(e.pageY - xOffset) + "px")

@@ Line 22: / Line 22: @@
 	$("td.preview").hover(function(e){
-		$("body").append("<div id='preview'><img src='http://www.fantasicawiki.com/getImage.php?img="+this.title+"' alt='Image preview' /></div>");
+		$("body").append("<div id='preview'> /></div>");
 		$("#preview")
 			.css("top",(e.pageY - xOffset) + "px")
 			.css("left",(e.pageX + yOffset) + "px")

@@ Line 22: / Line 22: @@
 	$("td.preview").hover(function(e){
-		$("body").append("<div id='preview'><img src='"+this.title+"' alt='Image preview' /></div>");
+		$("body").append("<div id='preview'><img src='http://www.fantasicawiki.com/getImage.php?img="+this.title+"' alt='Image preview' /></div>");
 		$("#preview")
 			.css("top",(e.pageY - xOffset) + "px")

@@ Line 22: / Line 22: @@
 	$("td.preview").hover(function(e){
-		$("body").append("<div id='preview'></div>");
+		$("body").append("<div id='preview'><img src='"+this.title+"' alt='Image preview' /></div>");
 		$("#preview")
 			.css("top",(e.pageY - xOffset) + "px")
 			.css("left",(e.pageX + yOffset) + "px")

@@ Line 21: / Line 21: @@
 	/* END CONFIG */
 	$("td.preview").hover(function(e){
 		$("#preview")
 			.load("http://www.fantasicawiki.com/getImage.php?img="+this.title)
 			.css("top",(e.pageY - xOffset) + "px")
@@ Line 29: / Line 29: @@
      },
 	function(){
 		$("#preview").remove();
      });
@@ Line 42: / Line 41: @@
 // starting the script on page load
 $(document).ready(function(){
 	imagePreview();
 });

@@ Line 24: / Line 24: @@
 		this.title = "";
 		var c = (this.t != "") ? "<br/>" + this.t : "";
-		$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>");
+		$("body").append("<p id='preview'><img src='"+ this.title +"' alt='Image preview' />"+ c +"</p>");
 		$("#preview")
 			.css("top",(e.pageY - xOffset) + "px")