Flexslider和自定义字段Repeater插件

时间:2014-03-26 09:33:03

标签: repeater flexslider advanced-custom-fields

我已使用ACF Repeater插件将图像上传到wordpress中的页面。幻灯片过渡工作正常,但我没有显示。任何人都可以帮忙...

自定义字段称为“幻灯片”,我的home.php页面附有三个图像。

这是我的代码。

<div id="flexslider_main" class="flexslider">
<ul class="slides">
  <?php if (have_posts()) : ?>
      <?php while (have_posts()) : the_post(); ?>
        <?php $slides = get_field('slides');
        $i = 1;

 foreach ($slides as $slide){?>
 <li>
 <img src="<?php echo $slide['image']; ?>" class="slide_image img<?php echo slides; ?>"/>
 </li>

<?php $i++;
} ?>

<?php endwhile; else: echo 'No slide images found'; ?>
<?php endif; ?>
</ul>
</div>
<!--Flex Slider-->  

1 个答案:

答案 0 :(得分:0)

从我所看到的,你没有调用子字段,你删除了&#34;行&#34;并将所有内容更改为&#34;幻灯片&#34; ...这是我在滑块上常用的代码。

<?php
    $rows = get_field('slides';
        if($rows) {
            foreach($rows as $row)
                  {
 ?>
     <li><img src="<?=$row['image']?>" alt=""></li>        
                    <?
                        }
                        }
?>

表示&#39; image&#39;的区域由子字段名称替换。另外,请确保您正在设置&#34;返回值&#34;在图像URL的字段选项上。