How to approach this slider effect
I want to make a slider effect on the home page of one of my websites but not sure how to exactly set the content.
I have attached a screenshot to this thread to help you understand what I need.
It's basically some text, a 'read more' button and an image to change when either the left/right arrows are clicked, or the circular buttons within underneath the text.
I've currently got all the 'containers' for these different contents hardcoded with their default display style set to none, then using jQuery to load in the first one by default.
I'm not sure how to achieve the sliding effect from left to right or right to left.
Anyone done a similar thing themselves and can advise on the best way to set it up? Should I just have one main box holding the content and pull image, text and href from an array for example?
Can anyone point me to any tutorials?
Are there any plugins you would recommend?
Thank you for your time.