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

27 votes185 views3 answers
@keyframes
CSS
0 vote228 views1 answer
Kill docker by image name
CSS
2 votes200 views1 answer
How to make gradient backgroud cover whole page in html
CSS
0 vote177 views1 answer
Align grid items with end
CSS
18 votes263 views6 answers
Install bootstrap angular 9
CSS Bootstrap
0 vote181 views1 answer
Css change overflow scrollbar
CSS
3 votes171 views1 answer
Css scrollbar position to bottom
CSS
-1 vote173 views2 answers
Input uppercase with css
CSS
51 votes175 views6 answers
Ellipsis css
CSS
12 votes185 views4 answers
Css hover but no click
CSS