Updated jquery and fixed background in FF

This commit is contained in:
Nicolas A. Tonne
2014-10-20 12:59:08 +02:00
parent 33919fe373
commit 1adca4cc82
5 changed files with 22 additions and 9 deletions

View File

@@ -36,7 +36,7 @@
</div>
<div class="footer small centered top anim">&copy; 2014 <a class="anim" href="//nixo.no">Nixo</a> &amp; <a class="anim" href="//kasperrt.no">KasperRT </a></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="/js/iscroll.js"></script>
<script type="text/javascript" src="/js/list.js"></script>
<script type="text/javascript" src="/js/youtube.js"></script>

4
js/jquery-2.1.1.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@@ -173,7 +173,7 @@ function startNextSong()
getTitle(response);
ytplayer.loadVideoById(response);
beginning = true;
$("#bgimage").css("background-image", "url(http://img.youtube.com/vi/"+response+"/0.jpg)");
setBGimage(response);
},2500);
updateList();
@@ -230,7 +230,7 @@ function getTime()
console.log("forskjellige videoer!!");
ytplayer.pauseVideo();
ytplayer.loadVideoById(timeDifference[1]);
$("#bgimage").css("background-image", "url(http://img.youtube.com/vi/"+timeDifference[1]+"/0.jpg)");
setBGimage(timeDifference[1]);
setTimeout(function(){
//console.log(response);
diffVideo = true;
@@ -254,6 +254,7 @@ function getTime()
function getTitle()
{
$.ajax({ type: "GET",
url: "php/timedifference.php",
async: false,
@@ -282,7 +283,7 @@ function errorHandler(newState)
}
}).responseText;
ytplayer.loadVideoById(response);
$("#bgimage").css("background-image", "url(http://img.youtube.com/vi/"+response+"/0.jpg)");
setBGimage(response);
},2500);
/*
setTimeout(function(){
@@ -303,5 +304,12 @@ function onPlayerReady(event) {
getTime();
ytplayer.playVideo();
getTitle();
$("#bgimage").css("background-image", "url(http://img.youtube.com/vi/"+response+"/0.jpg)");
setBGimage(response);
}
function setBGimage(id){
if(window.mozInnerScreenX == null){
$("#bgimage").css("background-image", "url(http://img.youtube.com/vi/"+id+"/0.jpg)");
}
}

BIN
static/bg.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@@ -30,18 +30,19 @@ body{background:#000; margin:0;}
background-repeat: no-repeat;
background-position: center center;
background-color: #000;
background-image: url(bg.jpg);
-webkit-filter: blur(50px) brightness(0.8);
-moz-filter:blur(50px) brightness(0.8);
-ms-filter:blur(50px) brightness(0.8);
-o-filter: blur(50px) brightness(0.8);
filter: blur(50px) brightness(0.8);
filter: url(blur.svg#blur);
/*filter: url(blur.svg#blur); lagger! */
position: absolute;
top: 40px;
top: 0px;
left: 0;
width: 100%;
height: 90%;
height: 100%;
/*transition: background-image 0.5s ease-in-out; lagger! */
}