Implementing an image transition effect?

Question

JavaScript

Greetings!

Advise how you can implement this effect of changing images: www.jamiemclellan.com/ , only using JQuery?

Answer 1

$('.slide').css('width', 0).animate({'css': '100%'}, 1000, 'easeInOutQuad');
something like this, only 'easeInOutQuad' is from jQueryUI if you don't connect it - you need to drag it into your code or write easign itself which slows down the animation at the beginning and at the end.

Answer 2

make divs fit the image, overflow:hidden; in it we place pictures with absolute positioning. Then we change the coordinates of the top image using jquery - we just “leave” this image left and right, as you like.
This is roughly how it can be done.

Answer 3

Believe it or not, this can be done with CSS3 as well.