JQuery FancyBox 2.0: проблемы с помощниками (кнопки и превью) - PullRequest
Новая
       17

JQuery FancyBox 2.0: проблемы с помощниками (кнопки и превью)

0 голосов
/ 21 ноября 2011

Несмотря на то, что я следовал в точности руководству новой версии 2 fancybox, я не смог активировать помощников.Я не понимаю, где я ошибся.

Мой текущий код:

HTML: 

<div id="disegni" style="display: none">
   <div class="title">Disegni</div>
   <p>&nbsp;</p>
   <a class="fancybox-button" rel="fancybox-button" title="Scultura 1 disegni" href="images/intro/01.jpg"><img src="images/intro/01small.jpg" alt=""/></a>
   <a class="fancybox-button" rel="fancybox-button" title="Scultura 2 disegni" href="images/intro/02.jpg"><img src="images/intro/02small.jpg" alt=""/></a>
</div>

Javascript: 

$(".fancybox-button").fancybox({
   openEffect   : 'elastic',
   closeEffect  : 'fade',
   revealEffect: 'none',
   hideEffect   : 'none',
   prevEasing  : 'swing',
   nextEasing  : 'swing',
   helpers  : { 
  title : { 
         type : 'inside' //inside/outside
      }, 
      buttons   : {}
   }
});

1 Ответ

2 голосов
/ 22 ноября 2011

Вы должны включить файлы js и css: 

<!-- Add fancyBox - button helper -->
<link rel="stylesheet" type="text/css" href="/js/fancybox/jquery.fancybox-buttons.css" />
<script type="text/javascript" src="/js/fancybox/jquery.fancybox-buttons.js"></script>

И это должно работать. Не знаю, почему вы добавили ссылки внутри скрытого элемента, но, возможно, вам придется.

...