Permalink
Browse files

0.2.4 => zepto compatibility added, fixed demos, updated jeesh, bette…

…r event attachment, string definition clean up
  • Loading branch information...
1 parent 16c2846 commit 7fd2880ad07657fa614cb970d55ba880ee3c4ada Andras Nemeseri committed Jan 15, 2013
Showing with 2,439 additions and 1,794 deletions.
  1. +1 −1 demos/content-types.html
  2. +2 −2 demos/jquery.html
  3. +117 −0 demos/zepto.html
  4. +2 −0 demos/zepto.min.js
  5. +2,222 −1,705 ender.js
  6. +17 −21 ender.min.js
  7. +74 −62 ender.overlay.js
  8. +3 −2 index.html
  9. +1 −1 package.json
@@ -100,7 +100,7 @@
<div class="grid">
<h2>Flash</h2>
- <a id="trigger-flash" class="thumbs"><img src="http://www.bradfordbulls.co.uk/Media/jpg/youtube%20logo.jpg" alt="Flash object" width="100" height="100"></a>
+ <a id="trigger-flash" class="thumbs"><img src="http://nabtron.com/wp-content/uploads/2010/10/youtube-100x100.jpg" alt="Flash object" width="100" height="100"></a>
<div id="overlay-flash" class="ender-overlay overlay-flash">
<a class="close close-button" title="Close">&#9747;</a>
View
@@ -19,7 +19,7 @@
<h1>jQuery Compatibility</h1>
<p>
- You can use ender-overlay in your existing jQuery based project without any modification! You can check the source of this page, I'm using jQuery here instead of Jeesk and Morpheus. Tested with jQuery 1.7.1.
+ You can use ender-overlay in your existing jQuery based project without any modification! You can check the source of this page, I'm using jQuery here instead of Jeesk and Morpheus. Tested with jQuery 1.8 - 1.9.
</p>
<div class="clr">
@@ -91,7 +91,7 @@
</div> <!-- #container -->
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="../ender.overlay.js"></script>
<script>
$(document).ready(function () {
View
@@ -0,0 +1,117 @@
+<!DOCTYPE HTML>
+<html lang="en">
+ <head>
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+ <title>Ender-overlay: Zepto compatibility</title>
+ <link rel="stylesheet" href="main.css" type="text/css">
+ <link rel="stylesheet" href="ender-overlay.css" type="text/css">
+
+ <!-- syntax highlights -->
+ <link rel="stylesheet" href="http://yandex.st/highlightjs/6.1/styles/github.min.css">
+ </head>
+ <body>
+ <div id="container" class="demo">
+
+ <ul class="breadcrumb">
+ <li><a href="../index.html" class="back-home">Main Page &raquo;</a></li>
+ </ul>
+
+ <h1>Zepto Compatibility</h1>
+
+ <p>
+ You can use ender-overlay in your existing Zepto based project without any modification! You can check the source of this page, I'm using Zepto here instead of Jeesk and Morpheus. Tested with the latest <a href="https://github.com/madrobby/zepto" target="_blank">Zepto</a> with default modules.
+ </p>
+
+ <div class="clr">
+ <div class="grid">
+ <h2>Image</h2>
+
+ <a id="trigger-image" class="thumbs"><img src="http://farm6.static.flickr.com/5008/5248981729_3a05d42d32_t.jpg" alt="Undercover" width="100" height="100"></a>
+
+ <div id="overlay-image" class="ender-overlay overlay-image">
+ <a class="close close-button" title="Close">&#9747;</a>
+ <img src="http://farm6.static.flickr.com/5008/5248981729_3a05d42d32.jpg" alt="Undercover" width="500" height="500">
+ </div> <!-- #overlay-image -->
+ </div>
+
+
+ <div class="grid">
+ <h2>HTML</h2>
+
+ <a id="trigger-html" class="thumbs"><img src="http://farm6.static.flickr.com/5250/5348822142_9c1e7e8bdd_t.jpg" alt="The Price of Information" width="100" height="100"></a>
+
+ <div id="overlay-html" class="ender-overlay overlay-html">
+ <a class="close close-button" title="Close">&#9747;</a>
+ <img src="http://farm6.static.flickr.com/5250/5348822142_9c1e7e8bdd.jpg" alt="The Price of Information" width="500" height="500">
+ <div>
+ <h2>The Price of Information</h2>
+ <p>by <a href="http://www.flickr.com/people/necccc/">Szabolcs Toth</a></p>
+
+ <p>This photo was taken on December 12, 2010 in Financial District South, San Francisco, CA, US, using a Canon EOS 40D.</p>
+ <p>
+ Strobist info: YN560 bare @ 1/8 from the left,
+ YN560 through white umbrella from the right @ 1/4,
+ Triggered with optical slaves
+ </p>
+
+ <h3>Tags</h3>
+ <ul>
+ <li>San Francisco</li>
+ <li>CA</li>
+ <li>sf</li>
+ <li>fun</li>
+ <li>parody</li>
+ <li>crime</li>
+ <li>sunglasses</li>
+ <li>retro</li>
+ <li>strobist</li>
+ <li>murder</li>
+ <li>scene</li>
+ <li>CSI</li>
+ </ul>
+
+ <h3>View all sizes on Flickr</h3>
+ <ul>
+ <li><a href="http://www.flickr.com/photos/necccc/5348822142/sizes/s/in/set-72157625490624866/">Small</a></li>
+ <li><a href="http://www.flickr.com/photos/necccc/5348822142/sizes/m/in/set-72157625490624866/">Medium</a></li>
+ <li><a href="http://www.flickr.com/photos/necccc/5348822142/sizes/l/in/set-72157625490624866/">Large</a></li>
+ <li><a href="http://www.flickr.com/photos/necccc/5348822142/sizes/o/in/set-72157625490624866/">Original</a></li>
+ </ul>
+
+ <h3>Licence</h3>
+ <p>Request to license _Nec's photos via Getty Images: <a href="http://www.flickr.com/photos/necccc/5329325629/request/">here</a></p>
+ <p>&copy; All Rights Reserved</p>
+ </div>
+ </div> <!-- #overlay-html -->
+ </div>
+ </div> <!-- .clr -->
+
+ <p><a href="../index.html">Go back to the documentation</a></p>
+
+ </div> <!-- #container -->
+
+
+ <script type="text/javascript" src="zepto.min.js"></script>
+ <script src="../ender.overlay.js"></script>
+ <script>
+ $(document).ready(function () {
+ // init overlays
+ $("#overlay-image").overlay({ trigger: "#trigger-image" });
+ $("#overlay-html").overlay({ trigger: "#trigger-html" });
+ });
+ </script>
+
+ <script src="http://yandex.st/highlightjs/6.1/highlight.min.js"></script>
+ <script>hljs.initHighlightingOnLoad();</script>
+ <script type="text/javascript">
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-25617420-1']);
+ _gaq.push(['_trackPageview']);
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+ </script>
+ </body>
+</html>
View
Oops, something went wrong.
Oops, something went wrong.

0 comments on commit 7fd2880

Please sign in to comment.