Acf gallery

<?php 
$images = get_field('gallery');
$size = 'full'; // (thumbnail, medium, large, full or custom size)
if( $images ): ?>
    <ul>
        <?php foreach( $images as $image_id ): ?>
            <li>
                <?php echo wp_get_attachment_image( $image_id, $size ); ?>
            </li>
        <?php endforeach; ?>
    </ul>
<?php endif; ?>

Source: advancedcustomfields.com

Acf gallery

<?php 
$images = get_field('gallery');

if( $images ): ?>
    <ul>
        <?php foreach( $images as $image ): ?>
            <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; ?>

Source: advancedcustomfields.com

Acf gallery

<?php 
$images = get_field('gallery');
if( $images ): ?>
    <ul>
        <?php foreach( $images as $image ): ?>
            <li>
                <a href="<?php echo esc_url($image['url']); ?>">
                     <img src="<?php echo esc_url($image['sizes']['thumbnail']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
                </a>
                <p><?php echo esc_html($image['caption']); ?></p>
            </li>
        <?php endforeach; ?>
    </ul>
<?php endif; ?>

Source: advancedcustomfields.com

Similar codes

-1 vote219 views2 answers
Hide the scrollbar in css if not overflow
CSS
1 vote197 views1 answer
Url css
CSS
116 votes245 views6 answers
@media screen and (max-width
CSS
0 vote226 views2 answers
Wow.js
CSS
20 votes207 views3 answers
Css text selection none
CSS
1 vote215 views1 answer
How to stop a page from scrolling horizontally
CSS
1 vote280 views1 answer
Css light grey
CSS
0 vote224 views1 answer
Css media query gist
CSS
0 vote199 views1 answer
Css dropdown menu with scrollbar
CSS
8 votes208 views2 answers
Clearfix css
CSS