Prefetch next image #185

src/scripts/photo.js

@@ -56,7 +56,7 @@ photo.load = function(photoID, albumID) {
 
 		setTimeout(() => {
 			lychee.content.show()
-			//photo.preloadNext(photoID, albumID);
+			photo.preloadNext(photoID);
 		}, 300)
 
 	})
@@ -66,10 +66,6 @@ photo.load = function(photoID, albumID) {
 // Preload the next photo for better response time
 photo.preloadNext = function(photoID) {
 
-	// Never preload on mobile devices with bare RAM and
-	// mostly mobile internet
-	// {{ code }}
-
 	if (album.json &&
 	    album.json.content &&
 	    album.json.content[photoID] &&
@@ -78,9 +74,8 @@ photo.preloadNext = function(photoID) {
 		let nextPhoto = album.json.content[photoID].nextPhoto,
 		    url       = album.json.content[nextPhoto].url
 
-		photo.cache        = new Image()
-		photo.cache.src    = url
-		photo.cache.onload = () => photo.cache = null
+		$('head [data-prefetch]').remove()
+		$('head').append(`<link data-prefetch rel="prefetch" href="${ url }">`)
 
 	}