Question

尽管完全遵循了fancybox新版本2的指南，但我无法激活助手。我不明白我哪里出错了。

我目前有代码：

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   : {}
   }
});

Answer 1

您必须包含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>

它应该有效。不知道为什么你在隐藏元素中添加了链接，但也许你必须这样做。

jQuery FancyBox 2.0：助手问题（按钮和拇指）

1 个答案: