I had a good ideia of a image transition but I don't know to implement because it's away from my knowledge

See more:

Javascript

CSS

HTML

CSS3

HTML5

i'm new as in the platform as in developing's world. I wanna put a transition image in my blog and i already a ideia of how i would like it to be, but as i am new in this i dont know how to implement this idea and would like some guidance on how i can do this using javascrip

enter image description here

(primary ideia)

the images change position (going to the left) according to a pre-defined time(It's more than 5 images. But if the person wants to do it manually, he will either click on the button with the arrow next to the image, or by clicking on the image that is appearing next to the main image of the moment. If the person clicks the button below the image, the page layout will change to say about the photo.

Sombody might help me take out from the paper this ideia , pls!

What I have tried:

Actually i tried nothing yet because it's away from my knowledge... i don't even would know for where begin