Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: Image gallery

  1. #1
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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:

    Code:
    <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.

  • #2
    Supreme Master coder! Philip M's Avatar
    Join Date
    Jun 2002
    Location
    London, England
    Posts
    17,918
    Thanks
    203
    Thanked 2,531 Times in 2,509 Posts
    Last edited by Philip M; 07-03-2012 at 08:53 AM.

    All the code given in this post has been tested and is intended to address the question asked.
    Unless stated otherwise it is not just a demonstration.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •