我正在使用Swipebox为高级自定义字段画廊字段显示的图像在一个灯箱。图库是通过按钮激活的,在一个页面上有多个图库(它们是循环的)。
<?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”。
<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>对实现这一点有什么想法吗?
最美好的祝愿
发布于 2015-09-09 10:17:26
通过将rel="gallery-<?php echo $i ?>"添加到
<a class="thumb-link swipebox" href="<?php echo $image['url']; ?>" title="<?php echo $image['title']; ?>"><button>Vaata galeriid</button></a>https://stackoverflow.com/questions/32475974
复制相似问题