From 2c3d2d911bc964fa6c02a9404eb8b9adb9ce6438 Mon Sep 17 00:00:00 2001
From: Jan Grewe <jan@faked.org>
Date: Wed, 21 Sep 2016 20:36:21 +0200
Subject: [PATCH] fix fading of inifity pages
---
js/mediarack.js | 38 ++++++++++++++++++++++----------------
1 file changed, 22 insertions(+), 16 deletions(-)
diff --git a/js/mediarack.js b/js/mediarack.js
index c270328..c86d3b6 100644
--- a/js/mediarack.js
+++ b/js/mediarack.js
@@ -69,22 +69,6 @@ $(document).ready(function() {
getLatest('Shows');
getLatest('Movies');
- $('.content').on('mouseenter', '.rowContainer', function() {
- var container = $(this);
- container.siblings().stop().fadeTo(300, rowOpacity);
- $('#bg').fadeTo(0, 0, function() {
- $('#bg').css('background-image', 'url('+cdn(container.data('type')+'/'+cleanname(container.data('folder'))+'/fanart.jpg')+')');
- }).fadeTo('slow', 1);
- container.find('.rowInfo').stop().fadeTo(300, 1);
- }).on('mouseleave', '.rowContainer', function() {
- var container = $(this);
- container.siblings().stop().fadeTo(300, 1);
- container.find('.rowInfo').stop().fadeTo(300, infoOpacity);
- $('#bg').stop(true).fadeTo('slow', 0, function() {
- $('#bg').css('background-image', 'none');
- }).fadeTo(0, 1);
- });
-
});
function showPage(page) {
@@ -196,6 +180,7 @@ function getShows() {
divContainer.append(divPoster);
divContainer.append(divRight);
lvShows.append(divContainer);
+ setHover(divContainer);
$(".rowContainer.lazy, .rowPoster img.lazy").lazyload({
threshold: 1000,
placeholder: 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
@@ -293,6 +278,7 @@ function getMovies() {
divContainer.append(divPoster);
divContainer.append(divRight);
lvMovies.append(divContainer);
+ setHover(divContainer);
$(".rowContainer.lazy, .rowPoster img.lazy").lazyload({
threshold: 1000,
placeholder: 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='
@@ -380,6 +366,26 @@ function getComics() {
);
}
+function setHover(e) {
+ var page = e.parent();
+ var row = e;
+ row.on('mouseenter', function() {
+ page.siblings().find('.rowContainer').stop().fadeTo(300, rowOpacity);
+ row.siblings().stop().fadeTo(300, rowOpacity);
+ $('#bg').fadeTo(0, 0, function() {
+ $('#bg').css('background-image', 'url('+cdn(row.data('type')+'/'+cleanname(row.data('folder'))+'/fanart.jpg')+')');
+ }).fadeTo('slow', 1);
+ row.find('.rowInfo').stop().fadeTo(300, 1);
+ }).on('mouseleave', function() {
+ page.siblings().find('.rowContainer').stop().fadeTo(300, 1);
+ row.siblings().stop().fadeTo(300, 1);
+ row.find('.rowInfo').stop().fadeTo(300, infoOpacity);
+ $('#bg').stop(true).fadeTo('slow', 0, function() {
+ $('#bg').css('background-image', 'none');
+ }).fadeTo(0, 1);
+ });
+}
+
function cdn(img) {
if(cdnEnabled == true) {
var cdnHost = cdnHostPattern.replace('#', Math.floor((Math.random()*cdnHostCount)));
--
GitLab