【问题标题】:jQuery FancyBox 2.0: helpers issues (buttons and thumbs)jQuery FancyBox 2.0:助手问题(按钮和拇指)
【发布时间】:2011-11-21 17:33:08
【问题描述】:

尽管完全按照新版本 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   : {}
   }
});

【问题讨论】:

    标签: javascript jquery button fancybox helpers


    【解决方案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>
    

    它应该可以工作。不知道为什么你在隐藏元素中添加了链接,但也许你必须这样做。

    【讨论】:

    • 非常感谢!我忘了导入 js 和 css :) 现在它可以工作了!
    • 嗨@Androidiam。你为什么不检查这个问题的答案?
    • @Janis,你怎么可能知道,从问题中,这就是缺少的东西?!
    • @AlexisWilke 因为这是人们经常遇到的问题。顺便说一句,我建议尝试最新版本的 fancyBox,它提供了开箱即用的工具栏和拇指
    猜你喜欢
    • 1970-01-01
    • 2012-02-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-12-20
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多