Moving through pictures by fading in HTML

Question!

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


Answers

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

Main plugin page: http://jquery.malsup.com/cycle/

Demo using previous/next links: http://jquery.malsup.com/cycle/int2.html



If you have a div like this:



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