Your Location is: Home > Php

Flexslider Custom Nav for Each Slide

From: Madrid View: 2242 T_Chord22 

Question

I have created a slider using Flexslider and ACF. However I seem to be loosing with this battle. I want to make each arrow display a different image that tells you what the next slide will be (pulling the acf data would be great) but a basic image change will work just fine.

If anyone knows how to add something like that, I would appreciate it.

Below is the following information displaying my Slider

<?php if( have_rows('slideshow') ): ?>
<div class="flexslider">
        <ul class="slides">
                <?php
                while ( have_rows( 'slideshow' ) ): the_row();

                $image = get_sub_field( 'image' );
                $title = get_sub_field( 'title' );

                ?>
                <li id="<?php echo $title;?>" class="<?php echo $title;?> slide"> <img src="<?php echo $image;?>"/>
                        <div class="slide-title">
                                <p class="underline"><?php echo $title;?></p>
                        </div>
                </li>
                <?php endwhile; ?>
        </ul>
</div>
<div class="static-content">
        <div class="inner">
                <p>Welcome to</p>
                <img src="http://eewines.rhidigital.co.za/wp-content/uploads/2020/06/ernie-else-logo.svg"> </div>
</div>
<?php endif; ?>

Thank you for any feedback

Best answer