0
好的我正在使用代码在视频上方叠加照片,也就是说,视频中的div被隐藏,直到有人点击照片。这是我使用的代码。javascript .onclick如何隐藏其他.onclick选项
<img src="http://ericavain.com/wp-content/uploads/2013/02/ravaughn.jpg" alt="ravaughn" width="610" height="390" class="aligncenter image" />
<div class="videobox" style="display:none;">
<iframe width="610" height="390" src="http://www.youtube.com/embed/rpVctT8BuVc" frameborder="0" allowfullscreen></iframe>
</div>
,这里是脚本
<script>
$(function() {
$('.image').click(function() {
$(this).hide();
$('.videobox').show()
$('.videobox')[0].play();
});
});
</script>
我有代码设置是,如果有人点击具有类.image
,则照片会消失,视频将显示照片的方式。
现在好了问题是,如果我在主页上使用.image
类有多个帖子,并且有人点击第一篇文章的照片,那么它会使第二篇文章中的图像消失,因为它具有同班同学很好。
有没有一种方法可以做到这一点,以便当人点击该帖子的图像时,它会消失,而不是让所有类别为.image
的图像消失。
这一切都让我的代码:(@martriay – user2098563 2013-02-28 21:50:17
请问我的解决方案的工作? – martriay 2013-02-28 21:50:34
肯定的,但视频没有在所有现在表明,图像hises这是正确的,但现在视频也隐藏@martriay – user2098563 2013-02-28 21:53:58