For this mission, I'm out of ideas.
For more elaborate sliders I use Slider Revolution and more basic, Wow Slider, always merging with PHP.
$(function(){
$('.bxslider').bxSlider({
mode: 'fade',
captions: true,
slideWidth: 600
});
});<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><!--bxSliderJavascriptfile--><scriptsrc="/js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="/lib/jquery.bxslider.css" rel="stylesheet" />
<div class="bxslider">
<div><img src="/assets/images/coffee1.jpg" title="Funky roots"></div>
<div><img src="/assets/images/coffee2.jpg" title="The long and winding road"></div>
<div><img src="/assets/images/coffee3.jpg" title="Happy trees"></div>
</div>In the image you can see what happens:
On the right side you have some topics.
I need to make a slider that, instead of clicking on the bullet, changes it by clicking on any of the topics.