Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Examples

  • Loading branch information...
commit 56743eae1c4f7f2bf518917e241b71096079be43 1 parent 701824e
@jmhobbs jmhobbs authored
View
14 example-full-url.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+ <head>
+ <title>Responsive Images</title>
+ </head>
+ <body>
+ <img src="images/400.jpg" data-format="{s}" data-breaks="900:https://raw.github.com/WhatCheer/responsive-images/gh-pages/images/900.jpg;600:https://raw.github.com/WhatCheer/responsive-images/gh-pages/images/medium.jpg;400:images/400.jpg" />
+ <script src="https://raw.github.com/WhatCheer/responsive-images/master/responsive-images.min.js"></script>
+ <script>
+ window.onresize = WhatCheer.Responsive.updateImages;
+ WhatCheer.Responsive.updateImages();
+ </script>
+ </body>
+</html>
View
14 example-simple.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+ <head>
+ <title>Responsive Images</title>
+ </head>
+ <body>
+ <img src="images/400.jpg" data-format="images/{s}.jpg" data-breaks="900;600:medium;400" />
+ <script src="https://raw.github.com/WhatCheer/responsive-images/master/responsive-images.min.js"></script>
+ <script>
+ window.onresize = WhatCheer.Responsive.updateImages;
+ document.body.onload = WhatCheer.Responsive.updateImages;
+ </script>
+ </body>
+</html>
View
BIN  images/400.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/900.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  images/medium.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
6 index.html
@@ -106,6 +106,8 @@
<h2>Regular</h2>
+<p><a href="example-simple.html">See It</a></p>
+
<div class="highlight">
<pre><span class="cp">&lt;!doctype html&gt;</span>
<span class="nt">&lt;html&gt;</span>
@@ -127,6 +129,8 @@
<h2>Weird Files All Over The Place</h2>
+<p><a href="example-full-url.html">See It</a></p>
+
<div class="highlight">
<pre><span class="cp">&lt;!doctype html&gt;</span>
<span class="nt">&lt;html&gt;</span>
@@ -158,4 +162,4 @@
<script src="javascripts/scale.fix.js"></script>
</body>
-</html>
+</html>
Please sign in to comment.
Something went wrong with that request. Please try again.