I'm trying to get the animation you see here <a href="http://capricaribbean.org/newspage">http://capricaribbean.org/newspage</a> on the banner<br>to go on indefinately. Im no jquery expert so here is the code I came up with from googling and hacking around.<br>
Unfortunately it goes for only 1 cycle then says <br>"Error: doMessages is not defined"<br><br>can I get some help on doing this right please<br><br><script><br>$(document).ready(function () {<br>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);});})})})})})});<br>
setTimeout( ' doMessages();', 500 );}doMessages();<br> });<br></script><br><br><style><br><br>.msg{ <br>color:#E9E3D6;<br>font-size:20px;<br>font-weight:bold;<br>left:690px;<br>position:absolute;<br>
text-align:center;<br>top:30px;<br>width:300px;<br>display:none<br>}<br><br></style><br><br><img src="/sites/default/themes/theme078/images/banner_news.jpg" border="0" class="logo" /></a><br>
<div id="msg1" class="msg">Telling The Story >From Another Angle</div><br><div id="msg2" class="msg">Get Turned On To The Economy</div><br><div id="msg3" class="msg">Fresh Voices, Fresh Perspectives</div><br>
<div id="msg4" class="msg">When You Need To Know What The Heck Is Going On</div><br><br>