Fancybox comunicate with a Gallery

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:
  1.  $(".ad-gallery").on("click", ".ad-image", function () {
  2.       $.fancybox({
  3.           href: $(this).find("img").attr("src"),
  4.       })
  5.   });
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">
  1.       <div class="ad-image-wrapper" style="border: medium inset #666633;">
  2.       </div>
  3.       <%--<div class="ad-controls">
  4.       </div>--%>
  5.       <div class="ad-nav">
  6.         <div class="ad-thumbs">
  7.           <ul runat="server" id="tabs" class="ad-thumb-list">
  8.          <li >
  9.               <a href="../Images/pictures/1.jpg" id="image1" >
  10.                 <img src="../Images/pictures/thumbs/1.jpg" 
  11.                   title="A title for 10.jpg" 
  12.                   alt="This is a nice, and incredibly descriptive, description of the image 10.jpg" 
  13.                   class="image3"
  14.                   ondblclick="comand" 
  15.                   style="width: 70px; height: 55px"/>
  16.                   
  17.               </a>
  18.               
  19.             </li>
  20.             <li >
  21.               <a href="../Images/pictures/2.jpg" id="A1">
  22.                 <img src="../Images/pictures/thumbs/2.jpg" 
  23.                   title="A title for 10.jpg" 
  24.                   alt="This is a nice, and incredibly descriptive, description of the image 10.jpg" 
  25.                   class="image3" style="width: 70px; height: 55px"/>
  26.               </a>
  27.             </li>..
  28. ....

How can I do such a thing?
thx