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

17 votes190 views3 answers
Css hover mouse hand
CSS
0 vote191 views1 answer
Grape change status code
CSS
0 vote174 views1 answer
Css hover change more than one element
CSS
0 vote437 views1 answer
Bring element to front css
CSS
0 vote208 views1 answer
Bootstrap create full screen background image
CSS Bootstrap
59 votes183 views1 answer
@media for mobile
CSS
20 votes181 views4 answers
Variables in sass
CSS
0 vote168 views1 answer
Make font awesome spin but not the word on hover
CSS
0 vote183 views1 answer
Col
CSS
0 vote177 views1 answer
Width calc(100 - 100px)
CSS