diff --git a/js/youtube.js b/js/youtube.js
index 1164dee7..bb3aee26 100755
--- a/js/youtube.js
+++ b/js/youtube.js
@@ -366,7 +366,11 @@ function setBGimage(id){
 	{
 		$("#bgimage").css("background-image", "url(bg4.jpg);");
 	}else if(window.mozInnerScreenX == null && !window.mobilecheck()){
-		$("#bgimage").css("background-image", "url(http://img.youtube.com/vi/"+id+"/0.jpg)");
+		$("#bgimage").addClass("noopacity");
+		setTimeout(function(){
+			$("#bgimage").css("background-image", "url(http://img.youtube.com/vi/"+id+"/0.jpg)");
+			$("#bgimage").removeClass("noopacity");
+		}, 1000);
 	}else if(window.mobilecheck()){
 		$("#mobile-banner").css("background-image", "url(http://img.youtube.com/vi/"+id+"/hqdefault.jpg)");
 		$("#mobile-banner").css("width",$(window).width());
diff --git a/static/style.css b/static/style.css
index 090a8560..3fda10c9 100755
--- a/static/style.css
+++ b/static/style.css
@@ -31,6 +31,7 @@ body{background:#000; margin:0; }
 .channel{padding: 7px; display: inline-block; font-weight: bold; color: #C4C4C4 !important;font-size: 18px;}
 .channel:hover{color:grey !important;}
 .bgimage{ 
+    -webkit-transition: opacity 1s;
     background-size: 180%; background-repeat: no-repeat; background-position: center center; background-color: #000; /*background-image: url(bg5.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);
     position: absolute; top: 0px; left: 0; width: 100%; height: 100%;
@@ -74,6 +75,8 @@ body{background:#000; margin:0; }
 #add{font-weight: normal; margin-right: 5%; margin-top: -36px;font-size: 30px;padding: 3px 45px; }
 #add:hover{color:black;}
 
+.noopacity{opacity:0;}
+
 #minus{display:none;}
 
 #player{height: 68%; height: calc(87% - 213px); width: 60%; border-radius: 3px; /*box-shadow: 0 8px 11px -4px black;*/}