如何创建 link 到弹出式高级自定义字段灯箱画廊？

Question

我正在尝试在单击图标时弹出的灯箱中创建高级自定义字段库。我已经到了灯箱找到与 post 关联的所有图像并在您单击该图标时正确显示它们的地步，但我遇到的问题是它还显示了画廊的多个图标作为嗯

Sample Image

我想这是因为我将画廊图标作为 foreach 循环的一部分，但我不知道如何将其分开。我的一个想法是简单地将唯一的 CSS 类分配给额外的图标，然后隐藏它们，但我希望有更优雅的东西。有人能指出我正确的方向吗？我拼凑的代码如下。

 <?php 
 $images = get_field('gallery_photos');
 if($images): ?>
    <div class="gallery">   
    <?php foreach( $images as $image ): ?>
        <a href="<?php echo $image['url']; ?>" target="_blank" rel="lightbox" class="thumbnail">
        <img src="<?php bloginfo('stylesheet_directory'); ?>/images/camera-icon.png" width="30px" height="30px" alt="" border="0"/>
        </a>
    <?php endforeach; ?>
    </div>
 <?php endif; ?>

Answer 1

修改你的循环如下，它会运行 img 标记只有当 $i=0，意味着只有第一次。

<?php 
  $images = get_field('gallery_photos');
    if($images): ?>
      <div class="gallery">   
        <?php $i=0; foreach( $images as $image ) : ?>
          <a href="<?php echo $image['url']; ?>" target="_blank" rel="lightbox" class="thumbnail">
            <?php if( $i==0 ) : ?>
              <img src="<?php bloginfo('stylesheet_directory'); ?>/images/camera-icon.png" width="30px" height="30px" alt="" border="0"/>
            <?php endif; ?>
          </a>
        <?php $i++; endforeach; ?>
      </div>
    <?php endif; ?>

如何创建 link 到弹出式高级自定义字段灯箱画廊？

How do I create a link to a pop up Advanced Custom Fields lighbox gallery?

wordpress

gallery

advanced-custom-fields