Search code examples
phpwordpressurlgalleryadvanced-custom-fields

ACF gallery images urls


I am using Advanced Custom Fields gallery in a custom post type;

I have managed to display images (thumbnails) added to the gallery using the following code

        $images = get_field('gallery'); if( $images ): $images = explode(',', $images); $images = array_filter($images); if( count($images)):
        ?>
            <ul>
            <?php foreach( $images as $image ): $alt = get_the_title($image); $url = ```this is where I'm stuck``` ?>
                <li>
                    <a href="<?php echo $url; ?>" title="<?php echo $alt; ?>">
                        <?php echo wp_get_attachment_image($image, "thumbnail", false, ['alt' => $alt]); ?>
                    </a>
                </li>
            <?php endforeach; endif; ?>
            </ul>
        <?php endif; ?>

How can I get urls of the images?

I have tried <?php echo $image['url']; ?> but it didn't work


Solution

    1. Install this plugin: https://wordpress.org/plugins/lightbox-photoswipe/
    2. Use Code below:

      $images = get_field('gallery'); 
           if( $images ):
              $images = explode(',', $images);
              $images = array_filter($images);
              if( count($images)): ?>
                  <ul>
                      <?php foreach( $images as $image ): 
                          $alt = get_the_title($image);
                          $imageUrlFull = wp_get_attachment_image_url(  $image, 'full' ) ?>
                          <li>
                              <a href="<?php echo $imageUrlFull ?>" title="<?php echo $alt; ?>">
                                  <?php echo wp_get_attachment_image($image, "thumbnail", false, ['alt' => $alt]); ?>
                              </a>
                          </li>
                      <?php endforeach; ?>
                  </ul>
              <?php endif; ?>
           <?php endif; ?>
      

    Other guys also gave good tips hovewer if u like lightbox it depends from js what attributes or classes are used to create lightbox. Cheers.