2011-12-09 30 views
1

我怎样才能在箭头上标记元素的组作为的fancybox分组元素和显示箭头

<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> 

回答

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> 
0

我找不到默认内arrow选项。

看一看http://fancybox.net/api这里有所有你能提供的选项。您可能正在寻找的showNavArrows组合和添加自定义按钮来处理下一个连接之前的动作

+0

的的fancybox 2.0现已有售,其中,此选项专门 –

0

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

+0

其在每个元素上工作,但fancybox窗口中没有箭头可导航到下一个元素 –