Skip to content

Commit

Permalink
Added readme and removed extra images.
Browse files Browse the repository at this point in the history
  • Loading branch information
jnunemaker committed Aug 12, 2008
1 parent ad607a2 commit c322537
Show file tree
Hide file tree
Showing 3 changed files with 26 additions and 0 deletions.
26 changes: 26 additions & 0 deletions 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>
Binary file removed images/shadow_round_small.png
Binary file not shown.
Binary file removed images/x.gif
Binary file not shown.

0 comments on commit c322537

Please sign in to comment.