Html Nivo滑块:第一个img出现两次???-我只想要一次
:) 我使用nivo滑块,现在一切都很好。我唯一的问题是,只要我点击视频打开img滑块,第一个img就会出现两次。 我只想看一次img。我想知道img是否会出现两次,因为它在滑块打开时出现,然后被称为第一个img。那么,我该如何叫第二个img来呢? 谢谢你的帮助。。 这就是我说的代码Html Nivo滑块:第一个img出现两次???-我只想要一次,html,image,nivo-slider,Html,Image,Nivo Slider,:) 我使用nivo滑块,现在一切都很好。我唯一的问题是,只要我点击视频打开img滑块,第一个img就会出现两次。 我只想看一次img。我想知道img是否会出现两次,因为它在滑块打开时出现,然后被称为第一个img。那么,我该如何叫第二个img来呢? 谢谢你的帮助。。 这就是我说的代码 <div class="col-lg-4 col-sm-4 col-xs-6"> <a title="Image 1"href="Figuren-Bilder/Marilyn/1.
<div class="col-lg-4 col-sm-4 col-xs-6">
<a title="Image 1"href="Figuren-Bilder/Marilyn/1.jpg" data-lightbox-gallery="galleryvid1">
<video class="thumbnail img-responsive active" src="Figuren-Filme/Marilyn.webm" id="id0" width="320" onMouseOver="this.play()" onMouseOut="this.pause()" muted loop >
</video>
<div class=""><p>Marilyn, "Der Tod und das Mädchen", Bronzeguss, XX cm</p></a></div>
<a title="Image 2"href="Figuren-Bilder/Marilyn/1.jpg" class="gallery-thumb-hidden" data-lightbox-gallery="galleryvid1"></a>
<a title="Image 3"href="Figuren-Bilder/Marilyn/1.jpg" class="gallery-thumb-hidden" data-lightbox-gallery="galleryvid1"></a>
<a title="Image 4"href="Figuren-Bilder/Marilyn/1.jpg" class="gallery-thumb-hidden" data-lightbox-gallery="galleryvid1"></a>
</div>
您的标记有错误。当
a
在内部打开时,您正在关闭div
的外部
大多数浏览器都会尝试更正无效的HTML。这可能会导致意外的结果,就像您在使用滑块时看到的那样
正确的标记应为:
<div class="col-lg-4 col-sm-4 col-xs-6">
<a title="Image 1"href="Figuren-Bilder/Marilyn/1.jpg" data-lightbox-gallery="galleryvid1">
<video class="thumbnail img-responsive active" src="Figuren-Filme/Marilyn.webm" id="id0" width="320" onMouseOver="this.play()" onMouseOut="this.pause()" muted loop ></video>
<div class="">
<p>Marilyn, "Der Tod und das Mädchen", Bronzeguss, XX cm</p>
</div>
</a>
<a title="Image 2"href="Figuren-Bilder/Marilyn/1.jpg" class="gallery-thumb-hidden" data-lightbox-gallery="galleryvid1"></a>
<a title="Image 3"href="Figuren-Bilder/Marilyn/1.jpg" class="gallery-thumb-hidden" data-lightbox-gallery="galleryvid1"></a>
<a title="Image 4"href="Figuren-Bilder/Marilyn/1.jpg" class="gallery-thumb-hidden" data-lightbox-gallery="galleryvid1"></a>
</div>
可能与无效的HTML有关。您的a
外部有一个结束div
,而它应该在内部。您的浏览器将尝试更正此问题,可能会产生意外结果哦,天啊,thx太多了,您已经解决了。。我讨厌这样的虫子。。我想给你一个钩子,所以它说它已经解决了,但我不能(我会加上它作为答案。。。