php 使用ACF Gallery Field的Bootstrap Carousel

Posted 2021-05-05

	<!--start of bootstrap acf gallery-->
				<?php 
				/* SLIDER CUSTOM FIELD FOR HOMEPAGE */
				$images = get_sub_field('clgr_image_gallery');
				$count=0;
				$count1=0;

				if($images) : ?>
				<div id="slider" class="port-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']['portfolio-gallery']; ?>" alt="<?php echo $image['alt']; ?>" />                
									</div><!-- item -->
									<?php 
									$count1++;        
									endforeach; 		
									?>       
								</div><!-- carousel inner -->
							</div><!-- #carousel -->
						</div><!--#slider-->
					<?php endif; ?>

					<!--end of acf gallery-->