Popover image gallery, Popover menu |
Popover image gallery, Popover menu |
maxmaggot |
Sep 14 2013, 04:02 PM
Post
#1
|
Novice Group: Members Posts: 23 Joined: 14-September 13 From: Ireland Member No.: 19,732 |
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 |
Sep 14 2013, 04:27 PM
Post
#2
|
This is My Life Group: Members Posts: 1,128 Joined: 24-August 06 From: t-dot Member No.: 16 |
You want to search for Lightbox.
Like the artist's website in my signature. |
maxmaggot |
Sep 14 2013, 05:02 PM
Post
#3
|
Novice Group: Members Posts: 23 Joined: 14-September 13 From: Ireland Member No.: 19,732 |
Thank you so much for the quick reply. I'll get on this right away.
|
maxmaggot |
Sep 14 2013, 06:01 PM
Post
#4
|
Novice Group: Members Posts: 23 Joined: 14-September 13 From: Ireland Member No.: 19,732 |
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 |
Lo-Fi Version | Time is now: 24th April 2024 - 03:13 AM |