Question

我试图创建一个fancybox幻灯片，当您单击一个缩略图时弹出该幻灯片。我在图库字段中使用高级自定义字段。

这就是我所拥有的;

        <?php 
        $images = get_field('gallery'); 
        $image_1 = $images[0]; 
        ?>    
        <a href="<?php echo $images['url']; ?>" rel="fancybox">
       <img src="<?php echo $image_1['url']; ?>" /></a>

不幸的是，点击图片时没有任何反应......

任何线索？

谢谢！

Answer 1

问题是你使用了$ images ['url']，其中images是一个多维数组。它必须是$ image_1 ['url'];

如果你想要每张图片，只需使用for循环。否则，如果您只想要一张图像，请使用

<a href="<?php echo $images[0]['url']; ?>" rel="fancybox">
       <img src="<?php echo $images[0]['url']; ?>" /></a>

Answer 2

正如普拉尼塔所说，你应该使用for循环来生成画廊。

如果显示的缩略图多于您想要的缩略图，则可以简单地构建HTML / CSS，以便隐藏除第一个缩略图之外的每个缩略图。

使用此official documentation，并根据您的需要进行自定义。

<?php $images = get_field('gallery'); 

if( $images ) : ?>
    <div id="carousel" class="flexslider">
        <ul class="slides">

        <?php foreach( $images as $image ): ?>
            <li>
                <img src="<?php echo $image['sizes']['thumbnail']; ?>" alt="<?php echo $image['alt']; ?>" />
            </li>
        <?php endforeach; ?>

        </ul>
    </div>
<?php endif; ?>

高级自定义字段 - 单击缩略图时的Fancybox幻灯片

2 个答案: