Hoverbox Image Gallery a pretty cool way to present Images on a page

[jlhaslip 4]

Hoverbox is an Image Gallery which I found some time ago.

The feature I like the most about it is the effect of the "on-hover" state which changes the image from a small thumbnail size to a "mid-size" image. Essentially, it doubles the size of the picture when your mouse hovers on it.

The Hoverbox uses CSS for the size change and needs no javascript to perform. In fact, it works the same without javascript. And... it apparently works in IE.
The CSS method used includes 'hiding' the larger image until the 'on-hover' state is reached. As you know, IE's 'on-hover' state doesn't work on anything except an anchor tag, so the trick is to include a named anchor (value="#") to affect the 'on-hover' display. Pretty cool.

The Author's Tutorial is here: http://sonspring.com/journal/hoverbox-image-gallery

[Saint_Michael 3]

Although this is a good non javascript method, if people do use this they might have to fall back on javascript to preload the images if they decide to load hundreds of images and of course making them thumbnail and move them original size.Although you could just make it a link to the original do what the demo shows.