Merge pull request fancyapps#564 from chrismbarr/patch-1

Add retina graphics for sprite & loader
asiftechie · Jun 12, 2013 · 4a8113b · 4a8113b
2 parents 90c3f43 + f8b0bcf
commit 4a8113b
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 0 deletions.
diff --git a/source/fancybox_loading.gif b/source/fancybox_loading.gif
diff --git a/source/[email protected] b/source/[email protected]
diff --git a/source/[email protected] b/source/[email protected]
diff --git a/source/jquery.fancybox.css b/source/jquery.fancybox.css
@@ -246,4 +246,20 @@
 	padding: 10px;
 	background: #000;
 	background: rgba(0, 0, 0, .8);
+}
+
+/*Retina graphics!*/
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+	   only screen and (min--moz-device-pixel-ratio: 1.5),
+	   only screen and (min-device-pixel-ratio: 1.5){
+
+	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
+		background-image: url('[email protected]');
+		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
+	}
+
+	#fancybox-loading div {
+		background-image: url('[email protected]');
+		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
+	}
 }
diff --git a/sprite.psd b/sprite.psd