PDA

View Full Version : Change pictures


torcas
07-04-2012, 12:26 AM
Hi all,
I would like to have something on my Homepage like that: http://www.apple.com/chde/iphone/

The pictures should after 3-5 seconds change.. How can I do that?
Has someone an idea?

Cheers
torcas

gentleone
07-04-2012, 10:35 AM
It's done with CSS3 transitions (with the cubic bezier timing function) and probably with some javascript fallback solution for Internet Explorer that don't support CSS3 transitions.
http://www.the-art-of-web.com/css/timing-function/

Someone replicated the iPhone 4S slideshow, so that you see how the elements get from hidden position (outside the viewport) into the viewport.
http://johnbhall.com/iphone-4s/

torcas
07-04-2012, 10:53 AM
Thanks for your answer! It sounds very difficult..

Do have an easier way for me? It don't have to be exactly like on the Apple page.. I just want on my homepage that a few pictures change after 3-5 seconds.

Thanks for your help!

Cheers torcas

gentleone
07-04-2012, 11:36 AM
here's a simple jQuery slideshow:
http://jonraasch.com/blog/a-simple-jquery-slideshow

torcas
07-04-2012, 12:20 PM
Thank you! That's pefect..

gentleone
07-04-2012, 12:59 PM
Great, good luck! ;)