灯箱 ACF 中继器单张图片答案

【问题标题】：Lightbox ACF repeater single image灯箱 ACF 中继器单张图片
【发布时间】：2017-04-16 04:12:19
【问题描述】：

我在 ACF 中有一些带有单个图像的转发器字段。这些图像必须有一个灯箱。默认情况下它不起作用。

我知道，slb activate()，必须被激活。我可以找到关于如何为 ACF 中的画廊执行此操作的操作指南，但不适用于 ACF 中继器中的单个图像。

这是我的代码：

 <?php elseif(get_row_layout() == "verdiepingen"): ?>
 <?php if( have_rows('verdiepingen') ): ?>
 <?php while( have_rows('verdiepingen') ): the_row();       
 // vars
 $image = get_sub_field('afbeelding_verdieping');
 $content = get_sub_field('content_verdieping');
 $plattegrondlinks = get_sub_field('plattegrond_verdieping_links');
 $plattegrondrechts = get_sub_field('plattegrond_verdieping_rechts');         $penthouse 
 ?>

 <img src="<?php echo $plattegrondlinks['url']; ?>" alt="<?php echo $plattegrondlinks['alt'] ?>" class="img-responsive" />

【问题讨论】：

标签： jquery wordpress lightbox advanced-custom-fields

【解决方案1】：

你好 quinox，

我可能是错的，但我相信您需要用锚链接来包装您的图像，该链接指向应该在 Lightbox 中打开的图像。所以你在循环中的 HTML 应该看起来像这样：

<a href="<?php echo $plattegrondlinks['url']; ?>" title="Lightbox link - please check documentation of Lightbox" class="lightbox">
    <img src="<?php echo $plattegrondlinks['url']; ?>" alt="<?php echo $plattegrondlinks['alt'] ?>" class="img-responsive" />
</a>

考虑在预览中放置较小的图像 - 您的页面加载速度会更快。让我知道这是否有帮助。

【讨论】：