JQuery Colorbox - 鏈接幻燈片中的最後一張圖片

Question

我正在尋找一種方法將我的幻燈片中的最後一張圖片鏈接到我網站上的新頁面。

的例子頁面在這裏 http://newsite.wrcolo.com/products/

單擊任何照片和幻燈片放映將推出的 - 最後的圖像說：「希望看到更多的可能性？」它需要鏈接到我網站上的一個頁面（即關閉colorbox）。

任何人都可以幫忙嗎？ 預先感謝您。

Answer 1

您可以對這種情況使用內聯內容。只需將一個隱藏的html塊添加到您的頁面的腳下，這將用於您的colorbox的內容。

要指向你的最後一個圖像到在線內容，改變過去的顏色框鏈接：

<a class="seating" title="Want to see more possibilities?" href="#seemore" data-mce-href="/assets/more.gif">#</a> 

你需要告訴顏色框使用開始哈希作爲聯內容的鏈接。添加到您的scripts.js中的文件：

$('[href^="#"]').colorbox({inline:true}); 

那麼你的在線內容：

<div style="display:none"> 
    <div id="seemore"> 
     <a href="http://newsite.wrcolo.com/more-possibilites"> 
      <img src="http://newsite.wrcolo.com/assets/more.gif"> 
     </a> 
    </div> 
</div>