...

View Full Version : Auto fade in/fade out text



OurJud
06-18-2012, 04:26 PM
Hi, apologies if this is in the wrong section, but I was just wondering how this fade in/fade out effect was achieved, and whether it's complicated or can be done with just a few lines of css?

The part I'm referring to is the the way the various accolades/quotes for the blog change as you watch.

http://thisisnthappiness.com/about

Thanks in advance.

adaminaudio
06-18-2012, 06:43 PM
yeah that's a pretty cool thing. Certainly not flash.

When you inspect the element in chrome (or whatever browser) you get:


$('#portfolio').innerfade({
displaystate: 1,
speed: 'slow',
timeout: 3500,
type: 'sequence',
containerheight: '40px'

});

So it looks like he/she is using a jQuery plugin called innerfade and then setting a fade animation on the div.

Pretty simple and a real cool effect. Thanks for sharing!

-Adam

OurJud
06-18-2012, 07:03 PM
Thanks, Adam, but I was really looking for help on how I could achieve the same effect.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum