2011-12-09 31 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窗口中沒有箭頭可導航到下一個元素 –