Nivo 滑块：第一个 img 出现两次？？？-我只想要一次答案

【问题标题】：Nivo slider: first img appears twice???- i only want it onceNivo 滑块：第一个 img 出现两次？？？-我只想要一次
【发布时间】：2014-10-14 11:59:03
【问题描述】：

:) 我使用 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.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>

【问题讨论】：

可能与无效的 HTML 有关。你在a 外面有一个关闭的div，而它应该在里面。您的浏览器将尝试更正此问题，可能会产生意想不到的结果
哦，谢谢你，你解决了它.. 我讨厌这样的错误.. 我想给你一个钩子，所以它说它已经解决了，但我不能.. :(
我会添加它作为答案...

标签： html image nivo-slider

【解决方案1】：

您的标记有误。当a 在内部打开时，您将在a 外部关闭它。

大多数浏览器都会尝试纠正无效的 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>

【讨论】：