JavaScript and CSS text fade and SEO

Question

I'm currently designing my first website and I want to use a carousel style fading image sequence. I also want to include text over this that fades in and out such as this:

http://jsfiddle.net/azzWZ/

My question is, would the fact that this is all fading in and out affect the google crawl of my page? I know that SEO is not a science (at least not outside Google HQ) so does anyone have any experience of this affecting their search ranking?

Answer 1

Google grabs the page HTML - it doesn't "sit there and watch" your animation. In general, don't put SEO sensitive content in your slideshow. Make it plainly visible in your page.

Answer 2

If search engines can see the text without JavaScript being enabled then it will afect your rankings.

Answer 3

It will be seen by the crawler, but if the initial display via CSS is none, visibility hidden, or the foreground color matches the stated background too closely, the value is lower.

Specify a background color if the text is white... and hide it via script, not css at the start. You should be okay.