**updated 2-nd May 2011**
This is getting completely overhauled. Basically, I am currently working on a new mootools modalBox Class called ‘baseBox’. You can see it on jsfiddle and play with it some. Full details, documentation and more examples will come when I release it as an official plugin on the MooTools Forge.
largerBox is now deprecated. Read this for more info.
I saw the animation apple do when viewing a trailer (non-HD) on their modal box and decided to replicate the effect for my image viewing in mootools.
Examples of largerBox v3.0 (animations / morphs / tweens don’t work too nice over iframes, mind)
UPDATE – 24/11/2009 largerBox is in the process of being refactored. largerBox v3 – beta 1 is available to look at and play with. It features a totally drag and drop solution – CSS is built into the javascript class, so are the images for next/previous and close. That’s right, there are no files to edit, updated, upload — aside from your images. Check the new source here: /js/largerBox.js
How does it work?
In the normal way, it takes a <a href=’imagename.jpg’> … </a> and attaches itself to the click event, not interfering in any way with your html. All you need to do is add ‘class=”fullimage”‘ to the anchor tag and fraggedBox will do the rest.
What do I need to get this to work?
You need to grab a copy of mootools 1.2.x – core.
You then need to grab the latest beta. Just look at the demo page anyway…
[…] that Apple really inspire design… After having done largerBox: an apple-style modal image viewer, I thought I’d also do some animated tooltip effects similar to the ones on their site. So, I […]
[…] I discovered that largerBox is our biggest keyword by far, only with a 75% bounce rate… I did some searching and found […]