Moving through pictures by fading in HTML


I have some pictures and I want to navigate through them by clicking a button in my HTML. I need the effect to occur when the user clicks - I do not want to reload my page. Is there any Javascript or CSS that can help? I mean by pressing the "Next" button the next image can softly fade into the screen.

By : nfarshchi


Try jQuery Cycle. It has a bunch of available transitions and you can set it up with external previous/next controls.

Main plugin page:

Demo using previous/next links:

If you have a div like this:

This video can help you solving your question :)
By: admin