Acf Gallery slider with Bootstrap Carousel

Anil kumar
<?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 Comment

Contact Us

We're not around right now. But you can send us an email and we'll get back to you, asap.