当我点击 youtube 视频时，图片库不起作用

Question

在我的网站上我有一个图片库，如果你点击视频缩略图，他会完美显示，但如果你点击图片缩略图，这不起作用。

[此处][1] 查看我的画廊。

我有一个函数叫做 muestraVideo(idyoutube)。这个函数接收参数 'idyoutube':

function muestraVideo(idyoutube)
{
    $('#video_prod')[0].style.display = 'block';
    $('#gallery')[0].style.display = 'none';
    $('#iframe_video')[0].src = 'http://www.youtube.com/embed/'+idyoutube+'?autoplay=1&rel=0';
}

很简单，但是 Google Chrome 的控制台没有显示错误。

有什么问题？

非常感谢。

[1]:

Answer 1

问题是当您打开视频 div 时，它位于画廊图片上方。再次单击图像时必须隐藏视频 div

Answer 2

确保在您点击图片缩略图时隐藏 iframe 并显示图库 div

我检查了你的代码。尝试在 thumb img click 函数中添加以下行：

$('#gallery_thumbs img').click(function(){
  $('#video_prod')[0].style.display = 'none';
    $('#gallery')[0].style.display = 'block';

当我点击 youtube 视频时，图片库不起作用

Image gallery not works when I click on youtube video

javascript

css

youtube

jquery