Go Back   CodingForums.com > :: Client side development > Flash & ActionScript

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 06-18-2012, 04:26 PM   PM User | #1
OurJud
Regular Coder

 
Join Date: Feb 2010
Posts: 188
Thanks: 22
Thanked 0 Times in 0 Posts
OurJud is an unknown quantity at this point
Auto fade in/fade out text

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.
OurJud is offline   Reply With Quote
Old 06-18-2012, 06:43 PM   PM User | #2
adaminaudio
New Coder

 
Join Date: Jan 2012
Location: Columbus, Ohio, U.S.A
Posts: 41
Thanks: 0
Thanked 8 Times in 8 Posts
adaminaudio is an unknown quantity at this point
yeah that's a pretty cool thing. Certainly not flash.

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

Code:
$('#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
adaminaudio is offline   Reply With Quote
Old 06-18-2012, 07:03 PM   PM User | #3
OurJud
Regular Coder

 
Join Date: Feb 2010
Posts: 188
Thanks: 22
Thanked 0 Times in 0 Posts
OurJud is an unknown quantity at this point
Thanks, Adam, but I was really looking for help on how I could achieve the same effect.
OurJud is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 07:26 AM.


Advertisement
Log in to turn off these ads.