Removed animation on desktop and arrows on mobile

assets/css/mediaquery.css

@@ -45,6 +45,10 @@
 		margin: 40px 0px 0px 50px !important;
 	}
 
+	#imageview .arrow_wrapper {
+		display: none !important;
+	}
+
 	.message {
 		position: fixed !important;
 		width: 100% !important;
@@ -57,7 +61,7 @@
 		-moz-animation: moveUp .3s !important;
 		animation: moveUp .3s !important;
 	}
-	
+
 	.upload_message {
 		top: 50% !important;
 		left: 50% !important;

assets/js/photo.js

@@ -56,43 +56,59 @@ photo = {
 
 	},
 
-	previous: function() {
+	previous: function(animate) {
+
+		var delay = 0;
 
 		if (album.json&&
 			album.json.content[photo.getID()]&&
 			album.json.content[photo.getID()].previousPhoto!=="") {
 
-				$("#image").css({
+				if (animate===true) {
-					WebkitTransform: 'translateX(100px)',
+
-					MozTransform: 'translateX(100px)',
+					delay = 100;
-					transform: 'translateX(100px)',
+
-					opacity: 0
+					$("#image").css({
-				});
+						WebkitTransform: 'translateX(100%)',
+						MozTransform: 'translateX(100%)',
+						transform: 'translateX(100%)',
+						opacity: 0
+					});
+
+				}
 
 				setTimeout(function() {
 					lychee.goto(album.getID() + "/" + album.json.content[photo.getID()].previousPhoto)
-				}, 100);
+				}, delay);
 
 			}
 
 	},
 
-	next: function() {
+	next: function(animate) {
+
+		var delay = 0;
 
 		if (album.json&&
 			album.json.content[photo.getID()]&&
 			album.json.content[photo.getID()].nextPhoto!=="") {
 
-				$("#image").css({
+				if (animate===true) {
-					WebkitTransform: 'translateX(-100px)',
+
-					MozTransform: 'translateX(-100px)',
+					delay = 100;
-					transform: 'translateX(-100px)',
+
-					opacity: 0
+					$("#image").css({
-				});
+						WebkitTransform: 'translateX(-100%)',
+						MozTransform: 'translateX(-100%)',
+						transform: 'translateX(-100%)',
+						opacity: 0
+					});
+
+				}
 
 				setTimeout(function() {
 					lychee.goto(album.getID() + "/" + album.json.content[photo.getID()].nextPhoto);
-				}, 100);
+				}, delay);
 
 			}
 

assets/js/swipe.js

@@ -40,8 +40,8 @@ swipe = {
 
 		console.log('stop with ' + e.x);
 
-		if (e.x<=-swipe.tolerance) left();
+		if (e.x<=-swipe.tolerance) left(true);
-		else if (e.x>=swipe.tolerance) right();
+		else if (e.x>=swipe.tolerance) right(true);
 		else {
 			console.log('reset');
 			swipe.obj.css({