51 lines
1.4 KiB
JavaScript
51 lines
1.4 KiB
JavaScript
/*
|
|
* For Filelist Plugin
|
|
*
|
|
* @author joachimmueller
|
|
*/
|
|
|
|
/*
|
|
* run on document load, setup everything we need
|
|
*/
|
|
jQuery(function () {
|
|
"use strict";
|
|
|
|
// CONFIG
|
|
|
|
// these 2 variable determine popup's distance from the cursor
|
|
// you might want to adjust to get the right result
|
|
var xOffset = 10;
|
|
var yOffset = 30;
|
|
|
|
// END CONFIG
|
|
|
|
jQuery("img.filelist_preview").hover(function (e) {
|
|
this.t = this.title;
|
|
this.title = "";
|
|
|
|
var c;
|
|
if (this.t !== "") {
|
|
c = "<br/>" + this.t;
|
|
} else {
|
|
c = "";
|
|
}
|
|
jQuery("body").append("<p id='plugin__filelist_preview'><img src='" + this.src + "' alt='Image preview' />" + c + "</p>");
|
|
jQuery("#plugin__filelist_preview")
|
|
.css("top", (e.pageY - xOffset) + "px")
|
|
.css("left", (e.pageX + yOffset) + "px")
|
|
.css("max-width", "300px")
|
|
.css("max-height", "300px")
|
|
.css("position", "absolute")
|
|
.fadeIn("fast");
|
|
}, function () {
|
|
this.title = this.t;
|
|
jQuery("#plugin__filelist_preview").remove();
|
|
});
|
|
jQuery("img.filelist_preview").mousemove(function (e) {
|
|
jQuery("#plugin__filelist_preview")
|
|
.css("top", (e.pageY - xOffset) + "px")
|
|
.css("left", (e.pageX + yOffset) + "px")
|
|
.css("position", "absolute");
|
|
});
|
|
});
|