KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated jquery and fixed background in FF

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
index.php
View File

@@ -36,7 +36,7 @@
</div> </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> <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/iscroll.js"></script>
<script type="text/javascript" src="/js/list.js"></script> <script type="text/javascript" src="/js/list.js"></script>
<script type="text/javascript" src="/js/youtube.js"></script> <script type="text/javascript" src="/js/youtube.js"></script>

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

File diff suppressed because one or more lines are too long

16
js/youtube.js
View File

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

9
static/style.css
View File

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