Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Nivo滑块:第一个img出现两次???-我只想要一次_Html_Image_Nivo Slider - Fatal编程技术网

Html Nivo滑块:第一个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.

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

您的标记有错误。当
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太多了,您已经解决了。。我讨厌这样的虫子。。我想给你一个钩子,所以它说它已经解决了,但我不能(我会加上它作为答案。。。