JQuery Colorbox - スライドショーの最後の画像をリンク

Question

スライドショーの最後の画像を自分のウェブサイトの新しいページにリンクする方法を探しています。

例ページはこちらです http://newsite.wrcolo.com/products/

写真のいずれかをクリックして、スライドショーが開始します - 最後の画像は、「より多くの可能性を見たいですか？」と言います私のサイトのページ（つまり、カラーボックス）にリンクする必要があります。

誰でも手助けできますか？ ありがとうございます。

Answer 1

このような場合は、インラインコンテンツを使用できます。単にあなたのカラーボックスの内容に使用されるあなたのページの足に隠れたhtmlブロックを追加してください。

は、インラインコンテンツにあなたの最後の画像を指すように、最後のカラーボックスのリンクを変更するには：あなたはインラインコンテンツとしてハッシュで始まるリンクを使用してカラーボックスを指示する必要があります

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