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:

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

diff --git a/Websites/webkit.org/ChangeLog b/Websites/webkit.org/ChangeLog
index 86b4125fbe5c0ad7f56ccbd8e65199f885a32714..13c3d675ac82cac98fde2706e20c24ebbf9e33fe 100644 (file)
--- a/Websites/webkit.org/ChangeLog
+++ b/Websites/webkit.org/ChangeLog
@@ -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"

diff --git a/Websites/webkit.org/demos/srcset/image-1x.png b/Websites/webkit.org/demos/srcset/image-1x.png
index c8aea6f8f5741ca1503b58e405edeed9e8d41570..b36c67952fa2e687fb087c76a8919bc89dfafff4 100644 (file)
Binary files a/Websites/webkit.org/demos/srcset/image-1x.png and b/Websites/webkit.org/demos/srcset/image-1x.png differ

diff --git a/Websites/webkit.org/demos/srcset/image-2x.png b/Websites/webkit.org/demos/srcset/image-2x.png
index 3cfb4bd5e2548f6ab126bb369eba909a4f8dc9cf..b01477d87ea49636cd5fe44e8e7470f8cdff94b1 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

diff --git a/Websites/webkit.org/demos/srcset/index.html b/Websites/webkit.org/demos/srcset/index.html
index e0667640309214dbb52f2a108fa391b30b611dc1..750e0ae6dcd338be715220a4173e41d009018e5d 100644 (file)
--- a/Websites/webkit.org/demos/srcset/index.html
+++ b/Websites/webkit.org/demos/srcset/index.html
@@ -45,18 +45,20 @@
     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>