Expand the srcset demo to have 3x and 4x images.
authordino@apple.com <dino@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 18 Sep 2014 22:58:51 +0000 (22:58 +0000)
committerdino@apple.com <dino@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 18 Sep 2014 22:58:51 +0000 (22:58 +0000)
Unreviewed.

* demos/srcset/image-1x.png:
* demos/srcset/image-2x.png:
* demos/srcset/image-3x.png: Added.
* demos/srcset/image-4x.png: Added.
* demos/srcset/index.html:

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@173740 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Websites/webkit.org/ChangeLog
Websites/webkit.org/demos/srcset/image-1x.png
Websites/webkit.org/demos/srcset/image-2x.png
Websites/webkit.org/demos/srcset/image-3x.png [new file with mode: 0644]
Websites/webkit.org/demos/srcset/image-4x.png [new file with mode: 0644]
Websites/webkit.org/demos/srcset/index.html

index 86b4125..13c3d67 100644 (file)
@@ -1,3 +1,15 @@
+2014-09-18  Dean Jackson  <dino@apple.com>
+
+        Expand the srcset demo to have 3x and 4x images.
+
+        Unreviewed.
+
+        * demos/srcset/image-1x.png:
+        * demos/srcset/image-2x.png:
+        * demos/srcset/image-3x.png: Added.
+        * demos/srcset/image-4x.png: Added.
+        * demos/srcset/index.html:
+
 2014-08-27  Conrad Shultz  <conrad_shultz@apple.com>
 
         webkit.org is inconsistent in uses of "OS X" vs. "Mac OS X"
index c8aea6f..b36c679 100644 (file)
Binary files a/Websites/webkit.org/demos/srcset/image-1x.png and b/Websites/webkit.org/demos/srcset/image-1x.png differ
index 3cfb4bd..b01477d 100644 (file)
Binary files a/Websites/webkit.org/demos/srcset/image-2x.png and b/Websites/webkit.org/demos/srcset/image-2x.png differ
diff --git a/Websites/webkit.org/demos/srcset/image-3x.png b/Websites/webkit.org/demos/srcset/image-3x.png
new file mode 100644 (file)
index 0000000..29c06f6
Binary files /dev/null and b/Websites/webkit.org/demos/srcset/image-3x.png differ
diff --git a/Websites/webkit.org/demos/srcset/image-4x.png b/Websites/webkit.org/demos/srcset/image-4x.png
new file mode 100644 (file)
index 0000000..883831f
Binary files /dev/null and b/Websites/webkit.org/demos/srcset/image-4x.png differ
index e066764..750e0ae 100644 (file)
     of images to 400x400px. On browsers without <code>srcset</code> support, the value of
     the <code>src</code> attribute will be used as the image src [<a href="image-src.png">default image</a>].
     On regular resolution displays, the 1x variant of the <code>srcset</code> will be used
-    [<a href="image-1x.png">1x image</a>]. On high resolution displays (at least 2 device pixels per CSS pixel),
-    the 2x variant of the <code>srcset</code> will be used [<a href="image-2x.png">2x image</a>].
+    [<a href="image-1x.png">1x image</a>]. On displays with 2 device pixels per CSS pixel,
+    the 2x variant of the <code>srcset</code> will be used [<a href="image-2x.png">2x image</a>]. Similarly,
+    there is a <a href="image-3x.png">3x image</a>, and a <a href="image-4x.png">4x image</a>.
 </p>
 
-<img src="image-src.png" srcset="image-1x.png 1x, image-2x.png 2x" alt="Example of the srcset attribute. Image contains a coloured striped pattern with some inline text that indicates which of the candidate images were selected.">
+<img src="image-src.png" srcset="image-1x.png 1x, image-2x.png 2x, image-3x.png 3x, image-4x.png 4x" alt="Example of the srcset attribute. Image contains a coloured striped pattern with some inline text that indicates which of the candidate images were selected.">
 
 <p>
     The HTML for the above image is:
 </p>
 
 <pre>
-&lt;img src="image-src.png" srcset="image-1x.png 1x, image-2x.png 2x"&gt;
+&lt;img src="image-src.png" srcset="image-1x.png 1x, image-2x.png 2x,
+                                 image-3x.png 3x, image-4x.png 4x"&gt;
 </pre>
 </body>
 </html>