%META:TOPICPARENT{name="OATDOCIndex"}%
---+ fisheye.js

Creates Mac-like dock.

%TOC%

---++ Objects

---+++ OAT.FishEye(optionsObject)

The dock will be created using options specified in <tt>optionsObject</tt>.

   * <tt>*smallSize*</tt> - minimal (normal) size of an image.
   * <tt>*bigSize*</tt> - maximal size of an active image.
   * <tt>*limit*</tt> - radius of the fisheye effect.
   * <tt>*spacing*</tt> - space between images.

---++ Methods

---+++ OAT.FishEye::addImage(url)

Adds a new image found at url to the dock.

---++ CSS classes

---+++ .fisheye

CSS class of the fisheye div.

---++ Example

<verbatim>
var f = new OAT.FishEye({smallSize:48, bigSize:64, limit:200, spacing:5});
document.body.appendChild(f.div);
f.addImage("image.png");
</verbatim>

CategoryDocumentation CategoryOAT CategoryOpenSource