Image gallery

Hi everyone,

I'm new to JavaScript and I'm trying to create a image gallery, I need a larger image to pop out when the a element is clicked, I also need to be able to cycle through each image in the set, my images are in divs there not a ul.

This is the syntax:


<div class="image-wrap">
<img src="image/thumb.png">
<div class="mask">
<p>hover effect</p>
<a href="link">see large image</a>
</div><!--mask end -->
</div><!--wrap end -->


There will be six divs with the class of image-wrap and when there hovered over a mask fades in with the a element, is it possible to click the a element to show the larger image over the top?

Please help.

Thanks.

Have a look at the many excellent scripts at

http://www.vicsjavascripts.org.uk/

Examples:-

http://www.vicsjavascripts.org.uk/ImageMagnify/ImageMagnify.htm

http://www.vicsjavascripts.org.uk/ImageZoom/ImageZoom.htm