From b0e17b71a72e68a51c2ebea48c8bbb784f2e1f69 Mon Sep 17 00:00:00 2001 From: Shawn Jansepar Date: Mon, 25 Feb 2013 15:53:05 -0800 Subject: [PATCH] Updating media query --- examples/assets/js/large.js | 1 + examples/assets/js/small.js | 1 + examples/capturing-mediaquery/index.html | 6 +++++- examples/capturing-mediaquery/main.js | 3 ++- examples/capturing-picturepolyfill/index.html | 14 +++++++------- 5 files changed, 16 insertions(+), 9 deletions(-) create mode 100644 examples/assets/js/large.js create mode 100644 examples/assets/js/small.js diff --git a/examples/assets/js/large.js b/examples/assets/js/large.js new file mode 100644 index 00000000..76d08e61 --- /dev/null +++ b/examples/assets/js/large.js @@ -0,0 +1 @@ +alert("I'm executed from a script loaded from a media query that only loads if the browser with is at least 480px wide! Refresh again with a smaller width to see the other script load"); diff --git a/examples/assets/js/small.js b/examples/assets/js/small.js new file mode 100644 index 00000000..92d017d6 --- /dev/null +++ b/examples/assets/js/small.js @@ -0,0 +1 @@ +alert("I'm executed from a script loaded from a media query that only loads if the browser with is at most 480px wide! Refresh again with a larger width to see the other script load."); diff --git a/examples/capturing-mediaquery/index.html b/examples/capturing-mediaquery/index.html index 12592432..03683c78 100644 --- a/examples/capturing-mediaquery/index.html +++ b/examples/capturing-mediaquery/index.html @@ -75,7 +75,7 @@ background-color: teal; } -Mobify.js image gallary example +Mobify.js Media Query
@@ -88,6 +88,10 @@

Big images downloaded

+ +

+ +