Reply To: Fancybox Slideshow from One Image

• sleepydada

• February 21, 2014 at 7:02 am

I solved it by using some CSS.

	  		<?php 
			$images = get_field('gallery'); 
			$image_1 = $images[0]; 
			?>    
			 <?php foreach( $images as $image ): ?>
			
			<a href="<?php echo $image['url']; ?>" rel="fancybox"><img src="<?php echo $image_1['url']; ?>" /></a>
		
			<?php endforeach; ?>

			<div id="slideshow_thumb_info">
			<?php echo $image_1['title']; ?><br>
			<?php echo $image_1['caption']; ?>
			</div>

#slideshow_thumb img {
	display:none;
	width:100%;
	height:auto;
}

#slideshow_thumb a:first-of-type img{
	display:block;
}

#slideshow_thumb_info {
	color:black;
	padding-top: 10px;
	font-size: 10px;
	line-height: 12px;

}