其他顏色文本鏈接到幻燈片

Question

我已將彩色框添加到我的網站以顯示我的圖像，但我想創建一個額外的鏈接以打開幻燈片，而不是單擊圖像縮略圖。我已經嘗試了Colorbox網站上常見問題解答的代碼，但它不起作用。這是我的。 （鏈接到網頁：colorbox link demo

<a id="openGallery" href="#">Click for more images</a> 
$(document).ready(function() { 
    $('a.slideGroup').colorbox({rel:'slideGroup', transition:"elastic", opacity:"0.5"}); 

    var $gallery = $("a[rel=slideGroup]").colorbox(); 
    $("a#openGallery").click(function(e){ 
     e.preventDefault(); 
     $gallery.eq(0).click(); 
    }); 
}); 

Answer 1

您呼叫的colorBox()函數兩次我認爲這是不正確

如果你把那些你應該去的好：

<a id="openGallery" href="#">Click for more images</a> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     //just one call to set up the colorbox 
     var $gallery = $('a.slideGroup').colorbox({rel:'slideGroup', transition:"elastic", opacity:"0.5"}); 

     $("a#openGallery").click(function(e){ 
      e.preventDefault(); 
      $gallery.eq(0).click(); 
     }); 
    }); 

這是CodePen上的一個工作示例：http://codepen.io/simoncowie/pen/agxGl