@@ -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> - \ No newline at end of file +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). \ No newline at end of file README d21cc783cdf83a080e00b4a5738ee1f6b2f31dfd John Nunemaker nunemaker@gmail.com http://github.com/stickel/fancy-zoom/commit/d69e0564380a699109d3d9eb56a21207ed0ed28f d69e0564380a699109d3d9eb56a21207ed0ed28f 2008-09-03T18:57:37-07:00 2008-09-03T18:57:37-07:00 Updated readme since it was prototype based and now there are prototype and jquery versions. deef73050c5d44e0c5fe5b5d8db811ab4f13743b John Nunemaker nunemaker@gmail.com