首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Swipebox和wordpress循环

Swipebox和wordpress循环
EN

Stack Overflow用户
提问于 2015-09-09 09:33:16
回答 1查看 289关注 0票数 0

我正在使用Swipebox为高级自定义字段画廊字段显示的图像在一个灯箱。图库是通过按钮激活的,在一个页面上有多个图库(它们是循环的)。

代码语言:javascript
复制
    <?php $i = 1;  ?>                      
<?php
    $loop = new WP_Query( array( 'post_type' => 'objektid') );
    if ( $loop->have_posts() ) :
        while ( $loop->have_posts() ) : $loop->the_post(); ?>
        <div class="objektid_wrap">
                <div class="right">
                    <div class="right_content">
                        <h2><?php echo get_the_title(); ?></h2>
                                                            <?php 
                    $images = get_field('gallery');
                        if( $images ): ?>
                          <?php foreach( $images as $image ): ?>
                            <a class="thumb-link swipebox" href="<?php echo $image['url']; ?>" title="<?php echo $image['title']; ?>"><button>Vaata galeriid</button></a>
                          <?php endforeach; ?>
                    <?php endif; ?>
                    </div>
                </div>
                <div class="left">
                <?php if ( has_post_thumbnail() ) { ?>
                <?php the_post_thumbnail(); ?>
                <?php } ?>
                </div>
                </div>
                <?php    if( $i == 2) {
                    echo '<div class="arrow_box"><span class="ion-chevron-down"></span></div>';
                    } else {
                    echo '';
                    }  ?>
        <?php $i++; endwhile;
             if (  $loop->max_num_pages > 1 ) : ?>
             <?php endif;
    endif;
?> 

虽然滑动框合并了所有的画廊图像时,查看时,在灯箱。画廊从正确的幻灯片(例如第二个图库)开始,但是它包含所有的幻灯片,包括第一个幻灯片。我的想法是,当第二个图库被循环时,我如何实现对swipebox的刷新/重新初始化?

编辑:

Swipebox通过rel=“图片库-1”等将画廊分开。一种方法是在每个幻灯片包中动态地添加一个rel=“图片库-x”。

代码语言:javascript
复制
<div class="objektid_wrap">
<a class="thumb-link swipebox" rel="gallery-1"..
<a class="thumb-link swipebox" rel="gallery-1"..
</div>

<div class="objektid_wrap">
<a class="thumb-link swipebox" rel="gallery-2"..
<a class="thumb-link swipebox" rel="gallery-2"..
</div>

对实现这一点有什么想法吗?

最美好的祝愿

EN

回答 1

Stack Overflow用户

发布于 2015-09-09 10:17:26

通过将rel="gallery-<?php echo $i ?>"添加到

代码语言:javascript
复制
 <a class="thumb-link swipebox" href="<?php echo $image['url']; ?>" title="<?php echo $image['title']; ?>"><button>Vaata galeriid</button></a>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32475974

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档