Question

如何将标记中的元素组箭头设为

<li>
  <a class="fancybox"></a>
</li>

现在何时

$('.fancybox').fancybox({arrows: true})

没有显示箭头！

这是完整代码

<li>
  <a href="/img/ProstorNEW/reports/report1.jpg" class="fancybox">
    <img src="/img/ProstorNEW/reports/report1.jpg" /></a>
</li>
<li>
  <a href="/img/ProstorNEW/reports/report2.jpg" class="fancybox">
    <img src="/img/ProstorNEW/reports/report2.jpg" /></a>
</li>    
<li>
  <a href="/img/ProstorNEW/reports/report3.jpg" class="fancybox">
    <img src="/img/ProstorNEW/reports/report3.jpg" /></a>
</li>    
<li>
  <a href="/img/ProstorNEW/reports/map.jpg" class="fancybox">
    <img src="/img/ProstorNEW/reports/map.jpg" /></a>
</li>

Answer 1

您必须为每个锚添加相同的rel属性，以便它们可以成为您可以浏览的相同图库的一部分，例如：

<li><a rel="group" href="/img/ProstorNEW/reports/report1.jpg" class="fancybox"><img src="/img/ProstorNEW/reports/report1.jpg" /></a></li>
<li><a rel="group" href="/img/ProstorNEW/reports/report2.jpg" class="fancybox"><img src="/img/ProstorNEW/reports/report2.jpg" /></a></li>
<li><a rel="group" href="/img/ProstorNEW/reports/report3.jpg" class="fancybox"><img src="/img/ProstorNEW/reports/report3.jpg" /></a></li>
<li><a rel="group" href="/img/ProstorNEW/reports/map.jpg" class="fancybox"><img src="/img/ProstorNEW/reports/map.jpg" /></a></li>

Answer 2

我在默认设置中找不到arrow选项。

请查看http://fancybox.net/api这里有您可以提供的所有选项。您可能正在寻找showNavArrows的组合并添加自定义按钮来处理下一个上一个操作

Answer 3

默认情况下应显示箭头。检查图像路径。

Fancybox分组元素和显示箭头

3 个答案: