我正在使用一个使用列表的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>
我还有一个单独的 jQuery花式框,可以打开一个 youtube 视频弹出窗口:
<div id="center">
<a class="fancybox" href="youtubelink"><img src="playbutton-100px.jpg" />
</a>
</div>
我想要做的是将此底部代码添加到一个上部<li>
,以便该列表上有 2 个图像。当点击第二张图片(playbutton.jpg)时,它应该会弹出视频。我面临的问题是,即使我只从底部复制链接,没有第二张图片,它也不会启动 jQuery 弹出窗口并直接链接到 youtube。
演示- 播放按钮位于所有图像中,因为它不是单个图像的一部分