WordPress高级自定义字段尝试将图像URL插入src或href属性

时间:2016-05-19 13:19:52

标签: php html wordpress advanced-custom-fields

我有ACF中继器用于图像。我使用转发器将图像URL作为返回值传递。一切似乎都很好。但现在我有一个自定义的js滑块,我需要传递这些图像的URL。但是我无法让它发挥作用。

我的转发器名称是: boat_product_slider 图片字段名称是: slider_image 请查看屏幕截图以便更好地理解。

屏幕截图:

images url are placed somewhere else instead of getting placed at src or href property

我的代码:

<div class="slider-inner">
      <?php 
                      echo '<ul>';
           if( have_rows('boat_product_slider') ): while ( have_rows('boat_product_slider') ) : the_row(); 
     echo '<li><a class="ns-img" href='.the_sub_field('slider_image').'></a></li>';
          endwhile; endif;
         echo '</ul>';

         ?>        
      <div id="thumbnail-slider">
         <div class="inner">
            <ul>
               <?php 
               if( have_rows('boat_product_slider') ): while ( have_rows('boat_product_slider') ) : the_row(); 
                          echo "<li>";
                                    echo "<img class='thumb' src=".the_sub_field('slider_image')." />";
                                    echo "</li>";
                  endwhile; endif;
                                     ?>
            </ul>
         </div>
      </div>
   </div>

我想我错过了一些非常愚蠢的东西。

1 个答案:

答案 0 :(得分:1)

我能够自己解决它。

而不是在整个区块中使用并且必须使用&#39;。&#39;添加the_sub_field()方法/函数。

我创建了一个新的

为了更好地理解,请查看下面的代码。

之后的代码:

 <div class="slider-inner">
      <?php 
                      echo '<ul>';
           if( have_rows('boat_product_slider') ): while ( have_rows('boat_product_slider') ) : the_row(); 
     echo '<li><a class="ns-img" 

href=';?><?php echo the_sub_field('slider_image'); // This bit is new

echo '></a></li>';
          endwhile; endif;
         echo '</ul>';

         ?>        
      <div id="thumbnail-slider">
         <div class="inner">
            <ul>
               <?php 
               if( have_rows('boat_product_slider') ): while ( have_rows('boat_product_slider') ) : the_row(); 
                          echo "<li>";
                                    echo "<img class='thumb' 

src=";?><?php echo the_sub_field('slider_image'); echo " />"; // This bit is new

                                    echo "</li>";
                  endwhile; endif;
                                     ?>
            </ul>
         </div>
      </div>
   </div>
</div>