javascript - imageslider シングルに 2 つの画像とポップアップ スクリプトを追加する

Question

リストを使用するpikachooseスライダーを使用しています。

<div id="container">
  <div class="pikachoose">
         <ul id="pikame">
              <li><a href="www.gohere.com"><img src="image.jpg/></a></li>
              <li><a href="www.gohere.com"><img src="image2.jpg/></a></li>
         </ul>
</div>

YouTubeビデオポップアップを開く別のjQuery fancyboxもあります。

<div id="center">
    <a class="fancybox" href="youtubelink"><img src="playbutton-100px.jpg" />
</a>
</div>

私がやろうとしているのは、この下部のコードを 1 つの上部に追加し<li>て、そのリストに 2 つの画像があるようにすることです。2 番目の画像 (playbutton.jpg) をクリックすると、ビデオがポップアップ表示されます。私が直面している問題は、リンクを下からコピーするだけでも、2 番目の画像がないと、jQuery ポップアップが開始されず、YouTube に直接リンクされないことです。

デモ- 再生ボタンは単一の画像の一部ではないため、すべての画像にまたがっています。