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.

Not readable? Change text. captcha txt
Acf Gallery slider with Bootstrap Carousel, Website Design &amp; Web Development Company
Acf Gallery slider with Bootstrap Carousel, Website Design &amp; Web Development Company