Question

我在fancybox图库的代码中遇到问题，它显示了整个页面上的所有图像，当您点击时，应该只显示第一个图像，然后是其他图像。

如何停止显示所有图像并在点击前显示第一张图像？

<code>

    {% for slide in wp.get_post_meta(post.ID, '_property_slides', TRUE) %}
        <div class="carousel property">
            <div class="preview">
                <a rel="galeria{{ post.ID }}" href="{{ slide.imgurl }}">
                     <img src="{{ slide.imgurl }}" alt="">
                 </a>
            </div>
            <!-- /.preview -->

            <div class="content">
                <ul>
                    {% for slide in wp.get_post_meta(post.ID, '_property_slides', TRUE) %}
                        {% if loop.first %}
                            <li class="active" >
                        {% else %}
                            <li>
                        {% endif %}
                        <img src="{{ slide.imgurl }}" alt="">
                        </li>
                    {% endfor %}
                </ul>

                <a id="carousel-prev" href="#">{{ wp.__('Previous', 'aviators') }}</a>
                <a id="carousel-next" href="#">{{ wp.__('Next', 'aviators') }}</a>
            </div>
            <!-- /.content -->
        </div><!-- /.carousel -->
    {% endfor %}

</code>

Answer 1

您必须更改第一行：

// delete this line {% for slide in wp.get_post_meta(post.ID, '_property_slides', TRUE) %}
{% if wp.get_post_meta(post.ID, '_property_slides', TRUE) %} //use this one

和最后一个：

// delete this line {% endfor %}
{% end %}

Fancybox画廊循环问题

1 个答案: