Make the ACF gallery slider for Bootstrap carousel. Bootstrap Carousel Acf gallery slider. Here an image and text field are created
<?php /* SLIDER CUSTOM FIELD FOR HOMEPAGE */ $images = get_field('slider_photos'); $count=0; $count1=0; if($images) : ?> <div id="slider"> <div id="carousel" class="carousel slide"> <!-- Indicators --> <ol class="carousel-indicators"> <?php foreach( $images as $image ): ?> <li data-target="#carousel" data-slide-to="<?php echo $count; ?>" <?php if($count==0) : ?>class="active"<?php endif; ?>></li> <?php $count++; endforeach; ?> </ol> <!-- Wrapper for slides --> <div class="carousel-inner"> <?php foreach( $images as $image ): ?> <div class="item<?php if($count1==0) : echo ' active'; endif; ?>"> <img src="<?php echo $image['sizes']['slider-img']; ?>" alt="<?php echo $image['alt']; ?>" /> </div><!-- item --> <?php $count1++; endforeach; ?> </div><!-- carousel inner --> </div><!-- #carousel --> </div><!--#slider--> <?php endif; ?>
Leave a Reply