WordPress Advanceのカスタムフィールドがsrcまたはhrefプロパティに画像URLを挿入しようとしています

Question

画像にACFリピータがあります。そして、リピータを使用してイメージURLを戻り値として渡しています。すべてがうまくいくようです。しかし、今私はそれらの画像のURLを渡す必要がありますカスタムjsのスライダーがあります。私はそれを動作させることができません。

マイリピーター名は次のとおりです。boat_product_sliderとがある画像フィールド名：slider_image がより良い理解のためのスクリーンショットを見てください。

スクリーンショット：

マイコード：

<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> 

私は私がここで本当に愚かな何かを逃していますね。

Answer 1

私はそれを自分で解決することができました。

ブロック全体で使用する代わりに '。'を使用する必要があります。 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>