Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Updated readme since it was prototype based and now there are prototy…

…pe and jquery versions.
  • Loading branch information...
commit d69e0564380a699109d3d9eb56a21207ed0ed28f 1 parent d21cc78
@jnunemaker authored
Showing with 1 addition and 37 deletions.
  1. +1 −37 README
View
38 README
@@ -1,37 +1 @@
-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.
- 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>
-
- // other examples
- <script type="text/javascript">
- $(document).observe('dom:loaded', function() {
- $$('a.fancy').each(function(el) { new FancyZoom(el, {width:500, height:300}); });
- 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>
-
- If the images are not in a directory named 'images' that is relative to the html file you can configure it like so:
-
- <script type="text/javascript">
- FancyZoomBox.directory = 'http://foobar.com/images/zoom'; // no need for trailing slash
- $(document).observe('dom:loaded', function() {
- new FancyZoom('small');
- });
- </script>
-
+Fancy zoom box loosely based on Cabel Sasser's FancyZoom. Built in prototype and jquery. Works unobtrusively with content already on the page, including images, headings, text and flash (pretty much any html).
Please sign in to comment.
Something went wrong with that request. Please try again.