diff --git a/js/image-hover.js b/js/image-hover.js index a8b23dc6..c752a2cf 100644 --- a/js/image-hover.js +++ b/js/image-hover.js @@ -1,118 +1,98 @@ - /* - Copyright (C) 2014 undido +/* + Copyright (C) 2014 undido - This program is free software: you can redistribute it and/or modify - it under the terms of the GNU General Public License as published by - the Free Software Foundation, either version 3 of the License, or - (at your option) any later version. + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. - This program is distributed in the hope that it will be useful, - but WITHOUT ANY WARRANTY; without even the implied warranty of - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - GNU General Public License for more details. + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. - You should have received a copy of the GNU General Public License - along with this program. If not, see . - + You should have received a copy of the GNU General Public License + along with this program. If not, see . expands images and webm on hover - - */ - $(document).ready(function(){ -var mouseisOnImage = false; -var mouseexitedImage = false; +*/ -var imageHover = (localStorage['imagehover']) ? true:false; +$(document).ready(function(){ + var mouseisOnImage = false; + var mouseexitedImage = false; + var imageHover = (localStorage['imagehover']) ? true:false; + imageHover = !imageHover; -imageHover = !imageHover; + var imageEnter = function(){ + if (!imageHover) + return; + mouseexitedImage = false; + mouseisOnImage = false; -var imageEnter = function(){ + isVideo = (($(this).prop("tagName") == "VIDEO") ? true:($(this).parent().attr("href").indexOf("player.php?v=") > -1) ? true:false); + maxWidth = document.body.offsetWidth-(document.body.offsetWidth * 0.25); + maxHeight = document.documentElement.clientHeight; + stylez = "z-index:1000;z-index: 1000;position: fixed;top: 0;right: 0;"; + if (!isVideo){ + fileInfo = $(this).parent().parent().children(".fileinfo").children(".unimportant").text(); + isSpoiler = (fileInfo.indexOf("Spoiler") > -1) ? true:false; + imageD = ((isSpoiler) ? fileInfo.split(",")[2]:fileInfo.split(",")[1]); + imageWidth = parseInt(imageD.split("x")[0]); + imageHeight = parseInt(imageD.split("x")[1]); - if (!imageHover) - return; + widStyle = "max-width:" + maxWidth + "px;"; + heiStyle = ((maxHeight < imageHeight) ? "height:"+maxHeight+"px;":""); + $imgH = $("", {"src":$(this).parent().attr("href"), "style":stylez + ((imageWidth > maxWidth) ? widStyle:"")+heiStyle, "id":"hover-image"}); + } else { + fileInfo = $(this).parent().parent().children(".fileinfo").children(".unimportant").text(); + isSpoiler = (fileInfo.indexOf("Spoiler") > -1) ? true:false; + imageD = ((isSpoiler) ? fileInfo.split(",")[2]:fileInfo.split(",")[1]); + videoWidth = parseInt(imageD.split("x")[0]); + videoHeight = parseInt(imageD.split("x")[1]); - + widStyle = "width:" + ((maxWidth > videoWidth) ? videoWidth:maxWidth) + "px;" + "height:" + ((maxHeight < videoHeight) ? "100%": videoHeight+"px;"); + $imgH = $("