I was surfing around on Apple’s website and saw this nice faded swap content effect made through javascript. Looked inside the code but seems a conjunction of more .js’s? Any idea how to replicate it?
Cheers
This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.
The active forums are here.
August 29, 2007 11:48am
Subscribe [2]#1 / Aug 29, 2007 11:48am
I was surfing around on Apple’s website and saw this nice faded swap content effect made through javascript. Looked inside the code but seems a conjunction of more .js’s? Any idea how to replicate it?
Cheers
#2 / Aug 29, 2007 12:34pm
Oh- that is nice! I like how it works with js disabled as well. Looks like all of the content is on the page, but js is doing some kind of ‘show/hide’ with the fade. But- I am clueless how. Might honestly get a better response in the css/html forum- if you want me to move this over.
Very nice effect- but design isn’t up my alley.
#3 / Aug 29, 2007 12:44pm
Look at Spry effects on labs.adobe.com there is a tutorial on how to do it.
#4 / Aug 29, 2007 12:45pm
Oh ok,
it’s a combination of FadeSwap.prototype, AC.ContentSwap.prototype from scriptaculous as it seems…
#5 / Aug 29, 2007 12:49pm
Oh yeah the spry effects look cool too
#6 / Aug 29, 2007 1:31pm
Adobe Dreamweaver CS3 has a built in object based SPRY module. Its pretty fresh. I’ve used it.
And like 69-design said, you can also download the SPRY framework as a separate ap, but it takes a little more knowledge of Java.