Incorporating fade in/out of rss items - gajaxrssticker

[jscheuer1]

I figured out why the one that fades in and out just the title doesn't work in IE 8. It's because IE 8 requires that the element have "layout" (a proprietary use of the term, with special rules required for the element to use filters). For that it must be display: block (well inline-block will do, but IE 7 cannot render that properly). So for IE 8 and less we can add a conditional stylesheet to the head of the page:

<!--[if lt IE 9]>
<style type="text/css">
.titlefield{ /*CSS for RSS title link in general*/
display: block;
float: left;
}

.labelfield{ /*CSS for label field in general*/
display: block;
float: left;
margin-right: 0.5em;
}
</style>
<![endif]-->

But, since other browsers can do it this way as well, we could simply add these rules to the existing selectors for those elements. One way or another, IE 8 and less need those styles in order to do the fading out and in of the title.

I also developed the script a little further:

gajaxtickerfade3a.js

In this version it acts as before fading the title out and then in for each transition unless there's a new label. Then it fades out everything, then fades in the new label, and then fades in the new title.

Just a reminder here, this will only work if the ticker is showing only one item at a time. I know you probably already knew that, and that's what the ticker you're using does, but just in case you are thinking of changing that, or for others reading this post. If there are more than one item at a time, you can use the version 2 or 2a scripts from earlier in this thread.