-
-
Save elpuas/b1ea8ab2a52dbe6cff487ce8e0019c8b to your computer and use it in GitHub Desktop.
Root's bootstrap slider example with Advanced Custom Fields Gallery plugin.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?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; ?> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment