CSS 和隐藏元素答案

【问题标题】：CSS and hide elementCSS 和隐藏元素
【发布时间】：2014-06-25 11:43:08
【问题描述】：

我需要隐藏图片并且没用 display:none

我使用 Highlight 脚本来创建一个画廊，问题它只需要显示 4 张图片而不显示其他图片，脚本让点击一张图片并用箭头显示其他图片，如果我使用 @ 987654322@其他图片前4没有，其他图片最后没有显示

我尝试了其他可能性，但没有效果，我需要隐藏第一个 4 中的所有图片，但我不能使用 display:none

最好的问候

【问题讨论】：

在小提琴中发布您的代码？
只有当我不使用 display:none 就无法隐藏图片，没有更多代码时，我才需要隐藏图片而不使用 display:none; ，谢谢
试试height: 0; width: 0; 但这可能会破坏你的布局。没有看到代码真的不能说。
你能修改你的 HTML 部分吗？
@user3765800 负面的观点是因为您的问题非常不清楚且难以理解。您还没有提供任何可以澄清事情的代码。这里的人们希望提供帮助，但您必须帮助我们，我们才能帮助您。

标签： css highslide

【解决方案1】：

您可以轻松更改此 Highslide 示例库：http://highslide.com/examples/gallery-thumbstrip-above.html，以在页面中显示四个可见缩略图，而不是一个可见缩略图。线索是将要显示的缩略图的标记移到隐藏容器 div 之外。

示例库在隐藏容器 div 之外有一个缩略图（请参阅源代码）。
带有四个可见缩略图的 jsFiddle：http://jsfiddle.net/roadrash/Un4N7/

带有八张图片但只有四个可见缩略图的画廊的 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>

【讨论】：