title: get first row (image) of ACF repeater field
body: <p>I'm using the ACF plugin on my website.
  I want to display on one page the first row (an image URL) of a repeater field from children page.</p>
  
  <p>here is the page from my website (all the images are loaded but only the first is displayed, but I would like to load only the first)</p>
  
  <p><a href="http://www.amsbooking.fr/mattieumoreau/artists/" rel="nofollow">http://www.amsbooking.fr/mattieumoreau/artists/</a></p>
  
  <p>here is the code on my page which displays all the images :</p>
  
  <pre><code>        &lt;?php
  
          $args = array(
          'post_type'      =&gt; 'page',     
          'post_parent'    =&gt; $post-&gt;ID,
          'order'          =&gt; 'ASC',
          'orderby'        =&gt; 'menu_order'
          );
  
          $parent = new WP_Query( $args );
  
          if ( $parent-&gt;have_posts() ) : ?&gt;
  
          &lt;?php while ( $parent-&gt;have_posts() ) : $parent-&gt;the_post(); ?&gt;
  
          &lt;a href="&lt;?php the_permalink(); ?&gt;" title="&lt;?php the_title(); ?&gt;"&gt;
  
          &lt;div class="cartouche_menu_artistes"&gt;
  
          &lt;div id="parent-&lt;?php the_ID(); ?&gt;" class="parent-page"&gt;
  
          &lt;div class="cartouche_crop"&gt;
  
          &lt;?php while(has_sub_field('photos_presse')): ?&gt; // my repeater field
  
          &lt;img src="&lt;?php the_sub_field('photo'); ?&gt;" class="artists_menu"&gt; // my sub-field, the one I want to get the first row
  
          &lt;?php endwhile; ?&gt;
  
  
          &lt;/div&gt;
  
          &lt;div class="bandeau"&gt;&lt;/div&gt;
  
          &lt;h1&gt;&lt;?php the_title(); ?&gt;&lt;/h1&gt;              
  
          &lt;div class="bandeau"&gt;&lt;/div&gt;
  
          &lt;/div&gt;
  
  
          &lt;/div&gt;
          &lt;?php endwhile; ?&gt;
          &lt;/a&gt;
  
  
          &lt;?php endif; wp_reset_query(); ?&gt;
  </code></pre>
  
  <p> is the URL of the photo, not the photo itself... that's why I have trouble to get the first row, but I want to keep it this way.</p>
  
  <p>I found this on the web, but I can't manage to adapt it to my case :</p>
  
  <pre><code>&lt;?php
  
  $rows = get_field('repeater_field_name' ); // get all the rows
  $first_row = $rows[0]; // get the first row
  $first_row_image = $first_row['sub_field_name' ]; // get the sub field value 
  
  // Note
  // $first_row_image = 123 (image ID)
  
  $image = wp_get_attachment_image_src( $first_row_image, 'full' );
  // url = $image[0];
  // width = $image[1];
  // height = $image[2];
  ?&gt;
  &lt;img src="&lt;?php echo $image[0]; ?&gt;" /&gt;
  </code></pre>
  
  <p>here is a JSfiddle with my code :</p>
  
  <p><a href="http://jsfiddle.net/5wtRc/" rel="nofollow">http://jsfiddle.net/5wtRc/</a></p>
  
  <p>can anybody helps me with this ?</p>
  
  <p>thanks a lot for your help,</p>