premieres optimisations retina

app/assets/javascripts/application.js

@@ -32,10 +32,18 @@ function preload(arrayOfImages) {
 
 
 
-
+var dpr = 1;
+if(window.devicePixelRatio !== undefined) dpr = window.devicePixelRatio;
 
 $(document).ready(function(){
 	
+	
+	
+	
+	
+	
+	
+	
 	size_image_blocks();
 		
 	$(window).bind('resize',function(){

app/views/portfolio_images/_portfolio_image.haml

@@ -4,8 +4,23 @@
 	#image.image_block{:id => image.id, :style => "margin-top:"+(image.ratio > 1 ? "3%" : "0.5%")+";"}
 		
 	
-	
-		=image_tag image.photo.url, :class => "image"
+		
+		
+		
+		=image_tag image.photo.thumb.url, :class => "image", :id => "image_sr_"+image.id.to_s
+		<script>
+			
+		if(dpr == 2){
+				
+		=raw '$("#image_sr_'+image.id.to_s+'").attr("src","'+image.photo.url+'");'
+				
+		}
+		else{
+		=raw '$("#image_sr_'+image.id.to_s+'").attr("src","'+image.photo.large.url+'");'
+		}
+		
+		</script>
+		
 		%br
 		
 		%span.title