Support

Account

Home Forums ACF PRO Display Gallery Images Excluding First?

Solved

Display Gallery Images Excluding First?

    • jez

    • June 27, 2016 at 8:39 pm

    Is it possible to display a list of gallery images excluding the first one of the group?

  • This code is taken from https://www.advancedcustomfields.com/resources/gallery/ with a little addition to skip the first image. I added a counter and check it to see if it’s the first one.

    
    <?php 
    
    $images = get_field('gallery');
    
    if( count($images) > 1 ): 
    $count = 0;
    ?>
        <ul>
            <?php foreach( $images as $image ): 
    if ($count == 0) {
      // skip the first one
      continue;
    }
    $count++;
    
    ?>
                <li>
                    <a href="<?php echo $image['url']; ?>">
                         <img src="<?php echo $image['sizes']['thumbnail']; ?>" alt="<?php echo $image['alt']; ?>" />
                    </a>
                    <p><?php echo $image['caption']; ?></p>
                </li>
            <?php endforeach; ?>
        </ul>
    <?php endif; ?>
    
    • jez

    • June 28, 2016 at 12:33 am

    Brilliant thank you John.

    • nwde

    • November 6, 2019 at 9:05 am

    Hello,

    I can not get this working within a repeater field. Any idea, thanks! This is my code:

    
    ...
    					<?php elseif(get_row_layout() == "portfolio_referenz_galerie"): ?>			
    
    				<div class="carousel-container">
                    	<div id="carousel-<?php the_sub_field('galerie_id'); ?>" class="carousel" data-flickity='{ "imagesLoaded": true, "setGallerySize": false, "lazyLoad": true }'>
                      
    						<?php 
    				        $placeholder = get_sub_field('portfolio_referenz_galerie_content'); 
    				        $placeholder_1 = $placeholder[0]; 
    				        ?>                      
    
                      		<img src="<?php echo $placeholder_1['url']; ?>" alt="" id="carousel-cell-img-<?php the_sub_field('galerie_id'); ?>" class="carousel-cell-img placeholder" />
                      
    							<?php 
    							
    							$images = get_sub_field('portfolio_referenz_galerie_content');
    							
    							if( count($images) > 1 ): 
    							$count = 0;
    							?>
    							
    							
    							        <?php foreach( $images as $image ): 
    							if ($count == 0) {
    							  // skip the first one
    							  continue;
    							}
    							$count++;
    							
    							?>			
    				
    						<img src="placeholder-2500-1406.png" data-flickity-lazyload="<?php echo $image['url']; ?>" alt="" id="carousel-cell-img-<?php the_sub_field('galerie_id'); ?>" class="carousel-cell-img" />
    						
                                <?php endforeach; ?>
    					
                        <?php endif; ?>
    
                  	  </div>
    ...
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

We use cookies to offer you a better browsing experience, analyze site traffic and personalize content. Read about how we use cookies and how you can control them in our Cookie Policy. If you continue to use this site, you consent to our use of cookies.