使用鏈接啓動ColorBox幻燈片

我想要一個包含圖片庫和幻燈片的頁面。當我點擊鏈接時應該開始幻燈片播放，當點擊其中一個圖像時應該使用普通的ColorBox。使用鏈接啓動ColorBox幻燈片

我現在所做的就是將所有圖像與rel相關聯。對於幻燈片鏈接，我使用以下代碼：

<a rel="slideshow" href="#">Display slideshow</a>

在colorbox的配置中，我將rel定義爲rel用於圖像。這很有效，我遇到的問題是我在開始時會得到一個額外的空白頁面。

如何使用文本鏈接啓動圖片庫的幻燈片？

來源

2011-11-26 Borkhuis

我搜索了很長一段時間如何做到這一點，並最終找到了答案 - 其他地方 - 彩盒的F.A.Q。這個例子的措辭有點不同，儘管如此，它並不像你想象的那麼容易找到。特別是如果你用這些術語提問，就像我一樣。

<div style="display:none;"> <!-- optionally hide this div --> 
    <a rel="gallery" href="/slideshow/one.jpg">Caption 1</a> 
    <a rel="gallery" href="/slideshow/two.jpg">Caption 2</a> 
    <a rel="gallery" href="/slideshow/three.jpg">Caption 3</a> 
</div> 
<a id="openGallery" href="#">Display slideshow</a> 

<script type="text/javascript"> 
var $gallery = $("a[rel=gallery]").colorbox(); 
$("a#openGallery").click(function(e){ 
    e.preventDefault(); 
    $gallery.eq(0).click(); 
}); 
</script>

http://jacklmoore.com/colorbox/faq/#faq-click

來源

2012-03-02 00:06:34 Jody

@Julesfrog既然你已經編輯了這個問題，我會投票給刪除你的答案，因爲它現在複製這一個（和喬迪已經有足夠的時間來回滾編輯如果需要的話）。 –

無論什麼作品都很好。你改變的代碼是有道理的，但據我所知，我從之前的代碼[做了工作]（http://jsfiddle.net/sg5zqb7c/），它是從ColorBox FAQ逐字複製的。 – Jody

感謝您的回答@Jody！ –

使用鏈接啓動ColorBox幻燈片

回答

相關問題