Skip to content
Browse files

Added readme and removed extra images.

  • Loading branch information...
1 parent ad607a2 commit c3225376b40fc220223ac7f048a098a594e73191 @jnunemaker committed
Showing with 26 additions and 0 deletions.
  1. +26 −0 README
  2. BIN images/shadow_round_small.png
  3. BIN images/x.gif
View
26 README
@@ -0,0 +1,26 @@
+1. Add prototype, scriptaculous and fancy zoom to your page.
+ <script type="text/javascript" src="js/prototype.js"></script>
+ <script type="text/javascript" src="js/scriptaculous.js"></script>
+ <script type="text/javascript" src="js/fancyzoom.js"></script>
+
+2. Start zooming.
+ <script type="text/javascript">
+ $(document).observe('dom:loaded', function() {
+ $$('a.fancy').each(function(el) { new FancyZoom(el); });
+ new FancyZoom('small');
+ new FancyZoom('medium');
+ // width and height are optional. defaults to css specifications of width and height.
+ // if width and height are passed in, they override whatever may be in css.
+ new FancyZoom('large', {width:600, height:400});
+ });
+ </script>
+
+ new FancyZoom(id) where id is the id of the <a> tag you would like to zoom. The <a> tag should have an href that anchors to the id of the box that contains the contents that should be zoomed. For example:
+
+ <a href="#small_box" id="small">Small Box!</a>
+ <div id="small_box">
+ <p>Here is the contents that will appear in the zoom.</p>
+ </div>
+ <script type="text/javascript">
+ new FancyZoom('small');
+ </script>
View
BIN images/shadow_round_small.png
Deleted file not rendered
View
BIN images/x.gif
Deleted file not rendered

0 comments on commit c322537

Please sign in to comment.
Something went wrong with that request. Please try again.