Reply To: Lightbox Slider with Unique Classes

• edarioq

• October 28, 2016 at 3:53 pm

I’ve decided to do something like this using a repeater field… not the prettiest thing but it will probably work the way I need it too.

<?php if ( have_rows('apartamento_1_alcoba') ): ?>
<div id="img-module-slider-1" class="vivienda-slider">

  <?php while( have_rows('apartamento_1_alcoba') ) : the_row();
    $icono_1_alcoba = get_sub_field('icono');
    $gallery = get_sub_field('lightbox');
    $id_1_alcoba = get_sub_field('plano_id');
  ?>

  <section data-featherlight-gallery data-feather-filter="a">
    <?php if ( $gallery ): ?>
      <?php foreach ( $gallery as $image ): ?>
        <a class="apt-gallery-<?php echo $id_1_alcoba ?>" href="#" data-featherlight="image">
          <img class="module-img-size" src="<?php echo $icono_1_alcoba['url'] ?>" alt="<?php echo $icono_1_alcoba['alt'] ?>">
        </a>
        <a class="apt-gallery-<?php echo $id_1_alcoba ?>" href="<?php echo $image['url'] ?>" alt="<?php echo $image['alt']?>"></a>
      <?php endforeach; ?>
    <?php endif; ?>
  </section>
  <?php endwhile; ?>

</div>
<?php endif; ?>

However, I’d like to be able to get just the first image of the gallery in the for each, how can I do that?