Ссылки внутри fancybox popup

Question

У меня проблема, что я потерял решение. В моей программе, когда пользователь нажимает на изображение, запускается сценарий fancybox, создавая новое изображение как всплывающее окно. Однако в этом образе я хотел бы также разместить ссылки. В основном я хочу использовать блоки ссылок определенной ширины, высоты и положения внутри всплывающего изображения, создавая ссылку в пределах ссылки. Это возможно?

Вот код:

<!--Using the fancybox functions --> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#contentArea a").fancybox({ 
       'overlayShow' : false, 
       'transitionIn' : 'elastic', 
       'transitionOut' : 'elastic' 

      }); 
      }); 
    </script> 

Вот HTML:

<div id="contentArea" role="main"> 
      <a href="../images/IRPA_two-navigation-books.png" title="Raj Sharma" style="width: 217px;height: 117px;position: absolute;display: block;top: 340px;left: 450px; background-image:url(../images/transparent.png)"></a>   
</div> 

Как вы можете видеть, что я создал FancyBox всплывающее изображение для связи блока в определенном положении. Как создать ссылки с указанной шириной/высотой и положением в изображении всплывающего окна?

Это инструмент/библиотека, которую я использую, в случае, если кто-путается: http://fancybox.net/

Спасибо!

Answer 1

Вы можете сделать это легко:

var html = "<!--- some html here to add to the fancybox -->"; 
$('#fancybox-title-over').html(html); 
$('#fancybox-title-over').css('background-color' , 'transparent'); 

Он будет отображаться в заголовке наложения, как показано в шестом примере на http://fancybox.net/