CSS和隐藏元素

我需要隐藏图片并无使用

显示：无

我使用高亮显示脚本创建一个图库，问题是我只需要显示4张图片，其他图片不显示，脚本让点击一张图片并用箭头显示其他图片，问题是如果我对其他图片使用

display:none

，前4张图片不显示，其他图片最终不显示

我尝试其他的可能性，但没有工作，我需要隐藏所有图片的第一4，但我不能使用显示：无

---

致以最诚挚的问候

您可以轻松更改此幻灯片示例库：页面中有四个可见缩略图，而不是一个可见缩略图。线索是将要显示的缩略图的标记移到隐藏容器div之外

示例库在隐藏容器div外有一个缩略图（请参阅源代码）。
具有四个可见缩略图的JSFIDLE:

具有八个图像但只有四个可见缩略图的图库的HTML标记如下所示：

<div class="highslide-gallery">
    <a href="large-image1.jpg" onclick="hs.expand(this)" />
        <img src="thumbnail1.jpg" alt="" />
    </a>

    <a href="large-image2.jpg" onclick="hs.expand(this)" />
        <img src="thumbnail2.jpg" alt="" />
    </a>

    <a href="large-image3.jpg" onclick="hs.expand(this)" />
        <img src="thumbnail3.jpg" alt="" />
    </a>

    <a href="large-image4.jpg" onclick="hs.expand(this)" />
        <img src="thumbnail4.jpg" alt="" />
    </a>

    <div class="hidden-container">
        <a href="large-image5.jpg" onclick="hs.expand(this)" />
            <img src="thumbnail5.jpg" alt="" />
        </a>

        <a href="large-image6.jpg" onclick="hs.expand(this)" />
            <img src="thumbnail6.jpg" alt="" />
        </a>

        <a href="large-image7.jpg" onclick="hs.expand(this)" />
            <img src="thumbnail7.jpg" alt="" />
        </a>

        <a href="large-image8.jpg" onclick="hs.expand(this)" />
            <img src="thumbnail8.jpg" alt="" />
        </a>
    </div>
</div>

用小提琴发布你的代码？问题是，只有在不使用显示器的情况下我才能隐藏图片：无，没有更多的代码，只有关于这一点，我需要隐藏图片和不使用显示器：无，高度：0；宽度：0但这可能会破坏您的布局。如果没有看到代码，你就不能说。你能修改你的HTML部分吗？@user3765800否定点是因为你的问题很不清楚，很难理解。您还没有提供任何可以澄清问题的代码。这里的人想帮忙，但你必须帮助我们，我们才能帮助你。