FIXED!!<br>the setTimeout() was doing some out of scope issues, so i ditched it<br><br><br>$(document).ready(function () { <br>function foo(){ <br> $("#msg1").fadeIn(3000, function () {$("#msg1").fadeOut(3000, function () { $("#msg2").<br>
fadeIn(3000, function () {$("#msg2").fadeOut(3000, function () {$("#msg3").fadeIn(3000, function () {<br> $("#msg3").fadeOut(3000, function () {$("#msg4").fadeIn(3000, function () {$("#msg4").fadeOut(3000, function () {foo();});});})})})})})});}<br>
foo()}); <br><br><br clear="all">R.A.Smith<br>Manager/Technical Lead<br>Exterbox - "Thinking outside of the box"<br><a href="http://www.exterbox.com">http://www.exterbox.com</a><br><a href="mailto:rohan@exterbox.com">rohan@exterbox.com</a><br>
1-876-449-7506<br><br>
<br><br><div class="gmail_quote">On Wed, Jun 23, 2010 at 4:35 AM, Rohan Smith <span dir="ltr"><<a href="mailto:rohanasmith@gmail.com">rohanasmith@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin: 0pt 0pt 0pt 0.8ex; border-left: 1px solid rgb(204, 204, 204); padding-left: 1ex;">
I'm trying to get the animation you see here <a href="http://capricaribbean.org/newspage" target="_blank">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>
</blockquote></div><br>