Fancybox comunicate with a Gallery
Hello,
I've inserted a jquery code in my asp.net application that make a
gallery.
I wanted to add a fancybox, so I've wrote that piece of code:
- $(".ad-gallery").on("click", ".ad-image", function () {
- $.fancybox({
- href: $(this).find("img").attr("src"),
- })
- });
I want to add 2 things on the opened fancybox:
1- add a button.
2- add the image description.
here's a piece of the aspx for the gallery:
<div id="gallery" class="ad-gallery"style="background-color: #D8B66D; width: 750px; padding-right: 25px; margin-right: 25px; float:right">
- <div class="ad-image-wrapper" style="border: medium inset #666633;">
- </div>
- <%--<div class="ad-controls">
- </div>--%>
- <div class="ad-nav">
- <div class="ad-thumbs">
- <ul runat="server" id="tabs" class="ad-thumb-list">
- <li >
- <a href="../Images/pictures/1.jpg" id="image1" >
- <img src="../Images/pictures/thumbs/1.jpg"
- title="A title for 10.jpg"
- alt="This is a nice, and incredibly descriptive, description of the image 10.jpg"
- class="image3"
- ondblclick="comand"
- style="width: 70px; height: 55px"/>
-
- </a>
-
- </li>
- <li >
- <a href="../Images/pictures/2.jpg" id="A1">
- <img src="../Images/pictures/thumbs/2.jpg"
- title="A title for 10.jpg"
- alt="This is a nice, and incredibly descriptive, description of the image 10.jpg"
- class="image3" style="width: 70px; height: 55px"/>
- </a>
- </li>..
- ....
How can I do such a thing?
thx