I am trying to install a simple slider to a portfolio page and very close. I have completed the following:
- ACF Gallery plugin installed
- flexslider(wooslider) plugin installed
- the field added successfully ‘project_gallery’
- code below installed in my page
<?php
$images = get_field('project_gallery');
if( $images ): ?>
<div id="slider" class="flexslider">
<ul class="slides">
<?php foreach( $images as $image ): ?>
<li>
<img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
<p><?php echo $image['caption']; ?></p>
</li>
<?php endforeach; ?>
</ul>
</div>
<div id="carousel" class="flexslider">
<ul class="slides">
<?php foreach( $images as $image ): ?>
<li>
<img src="<?php echo $image['sizes']['thumbnail']; ?>" alt="<?php echo $image['alt']; ?>" />
</li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
The images that are attached display but not in a slider but rather in a list with full and thumbnail. What am I missing?
http://bbhdesignnc.wpengine.com/portfolio/brownleigh-office-building/
Please help with this request. Hello?
Hey Republik – I checked out the link you posted and it looks great. I’d like to set up something similar – did this code you posted do the trick or was there another step involved? Thanks much!
Hey Republik. I have the same issue . all my images are in list. How did you solve this? Can you help please
Hey there. I unfortunately never got an answer from ACF and paid a developer to help. I am happy to send or post the code if you like. let me know
if you can please. [email protected]
Gallery code on the individual page (http://www.bbh-design.com/portfolio/wakemed-garner-healthplex) using the wooslider
<?php
$images = get_field('project_gallery');
if( $images ): ?>
<div class="flexslider">
<ul class="slides">
<?php foreach( $images as $image ): ?>
<li>
<img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
</li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
