当选择缩略图样式时
当选择缩略图样式时
提问于 2013-05-20 09:59:56
我有一个页面，其中有视频缩略图(图像)，当点击它们时，视频播放在一个更大的div中。我有他们的风格，悬停，等等，但当视频播放，我希望当前的缩略图，以使他们知道哪个缩略图正在播放。
我尝试在缩略图div中添加一个活动类，但是该类的样式适用于所有这些类。有谁能想到如何做到这一点，或者我哪里出了问题？
html代码
<div class="main">
<iframe width="800" height="500" src="video-1.mp4" frameborder="0" allowfullscreen></iframe>
</div>
<ul>
<li class="thumbnail"><a href="video-1.mp4" class="video-1" title=""><img src="images/videoPlayer-thumbnail-1.jpg" alt=""/></a></li>
<li class="thumbnail"><a href="video-2.mp4" class="video-2" title=""><img src="images/videoPlayer-thumbnail-2.jpg" alt=""/></a></li>
<li class="thumbnail"><a href="video-3.mp4" class="video-3" title=""><img src="images/videoPlayer-thumbnail-3.jpg" alt=""/></a></li>
</ul>回答 1
Stack Overflow用户
发布于 2013-05-20 10:02:40
如果页面不刷新，则可以将类添加到单击的IMG中，然后可以更改您想要的样式。
编辑：
<li class="thumbnail">
<a href="video-3.mp4?class=link1" class="video-3" title="">
<img src="images/videoPlayer-thumbnail-3.jpg" alt=""/>
</a>
</li>然后使用jQuery拆分URL并找到参数，然后匹配css路径。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16646986
复制相关文章
相似问题
腾讯云开发者
