[support] Jquery Text Animation Help

Rohan Smith rohanasmith at gmail.com
Wed Jun 23 09:35:39 UTC 2010


I'm trying to get the animation you see here
http://capricaribbean.org/newspage on the banner
to go on indefinately. Im no jquery expert so here is the code I came up
with from googling and hacking around.
Unfortunately it goes for only 1 cycle then says
"Error: doMessages is not defined"

can I get some help on doing this right please

<script>
$(document).ready(function () {
function doMessages() { $("#msg1").fadeIn(3000, function ()
{$("#msg1").fadeOut(3000, function () { $("#msg2").fadeIn(3000, function ()
{$("#msg2").fadeOut(3000, function () {$("#msg3").fadeIn(3000, function ()
{$("#msg3").fadeOut(3000, function () {$("#msg4").fadeIn(3000, function ()
{$("#msg4").fadeOut(3000);});})})})})})});
setTimeout( ' doMessages();', 500 );}doMessages();
    });
</script>

<style>

.msg{
color:#E9E3D6;
font-size:20px;
font-weight:bold;
left:690px;
position:absolute;
text-align:center;
top:30px;
width:300px;
display:none
}

</style>

<img src="/sites/default/themes/theme078/images/banner_news.jpg" border="0"
class="logo" /></a>
<div id="msg1" class="msg">Telling The Story From Another Angle</div>
<div id="msg2" class="msg">Get Turned On To The Economy</div>
<div id="msg3" class="msg">Fresh Voices, Fresh Perspectives</div>
<div id="msg4" class="msg">When You Need To Know What The Heck Is Going
On</div>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.drupal.org/pipermail/support/attachments/20100623/de4efc75/attachment.html 


More information about the support mailing list