Fancybox画廊循环问题

时间:2013-11-18 21:20:29

标签: wordpress twig fancybox

我在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>

1 个答案:

答案 0 :(得分:0)

您必须更改第一行:

// 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 %}