Popover image gallery, Popover menu Options Rating

[maxmaggot]

I would like to be able to click on a gallery button and bring up a popover display with an image gallery. I don't seem to be able to find exactly what I want on google. I don't want the images to appear on the webpage but when the user clicks the gallery button a popover menu appears displaying the image gallery eith images I have chosen to display. There would be an X in the top right corner to close out of the menu.

Can someone point me in the right direction.

thank you
Max

This post has been edited by maxmaggot: Sep 14 2013, 04:04 PM

[jimlongo]

You want to search for Lightbox.
Like the artist's website in my signature.

[maxmaggot]

Thank you so much for the quick reply. I'll get on this right away.

[maxmaggot]

I don't think I'm too far wrong with the code I have but the images won't appear only the box with the loading gif. Any suggestions. Here is the code I have:

In head

CODE

<script src="Scripts/jquery-1.10.2.min.js"></script>
<script src="Scripts/lightbox-2.6.min.js"></script>
<link href="Styles/lightbox.css" rel="stylesheet" />

In body

CODE

<div id="apGallery" class="SideBarItem" onclick="clicksound.playclip();">
<a href="Images/Other/image 1.jpg" data-lightbox="image-1"></a>
<a href="Images/Other/image 2.jpg" data-lightbox="debatingireland"></a>
<a href="Images/Other/image 3.jpg" data-lightbox="debatingireland"></a>
<a href="Images/Other/image 4.jpg" data-lightbox="debatingireland"></a>            
</div>

I left the text inside the <a> tag blank as it was appearing on the main screen.


Any ideas? Thanks
Max

This post has been edited by maxmaggot: Sep 14 2013, 06:09 PM