meadows43
08-25-2003, 11:22 PM
Hello,
I am trying to write a function that will make an image on my web page appear to be spinning. I am using an array to hold the images. When I open the page, the browser just keeps trying to load the page. The rest of the images on the page appear, but the animation does not work. Could anyone take a look at the code below and tell me what I've done wrong? The function is named spinImg().
<html>
<head>
<TITLE>Dayton Guitar Lessons</TITLE>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--Hide from old browsers
var scrollMsg = " Personalized lesson plans. 15 years playing experience. Affordable rates. ";
var msgSpace ="--- ---";
var beginPos = 0;
var fileNum = 0;
var picks = new Array("pick1.jpg", "pick2.jpg", "pick3.jpg");
function scrollingMsg() {
document.message.scrollingMsg.value = scrollMsg.substring(beginPos,scrollMsg.length)+msgSpace+scrollMsg.substring(0,beginPos);
beginPos = beginPos + 1;
if (beginPos > scrollMsg.length) {
beginPos = 0;
}
window.setTimeout("scrollingMsg()",200);
}
function spinImg() {
var fileNum = fileNum + 1;
if (fileNum == 3) {
fileNum = 1;
}
document.lPick.src = picks[fileNum];
setTimeout("spinImg()",10);
}
//-->
</SCRIPT>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#0000EE" vlink="#551A8B" onload="spinImg();scrollingMsg()">
<TABLE ROWS="2" COLS="1" WIDTH=90%>
<TR>
<TD><IMG SRC="dgllogo.jpg" NAME="Logo" BORDER=0 ALIGN=RIGHT></TD>
<TR>
<TD><IMG SRC="fretboard.jpg" NAME="Fretboard" BORDER=0 USEMAP="#frets" ALIGN=CENTER WIDTH=750 HEIGHT=120></TD>
</TABLE>
<MAP NAME="frets">
<AREA SHAPE="RECT" COORDS="68,77,105,95" HREF="dglhome.html">
<AREA SHAPE="RECT" COORDS="130,77,199,95" HREF="ref.html">
<AREA SHAPE="RECT" COORDS="223,77,319,95" HREF="lessons.html">
<AREA SHAPE="RECT" COORDS="346,77,394,95" HREF="signup.html">
<AREA SHAPE="RECT" COORDS="422,77,471,95" HREF="mailto:meadows43@copper.net">
</MAP>
<BR>
<TABLE COLS="3" ROWS="1" ALIGN="CENTER" CELLSPACING="10">
<TR>
<TD><IMG NAME="lPick" SRC="pick1.jpg"></TD>
<TD><FORM NAME="message">
<INPUT TYPE="text" NAME="scrollingMsg" SIZE="23"></CENTER>
</FORM></TD>
<TD><IMG NAME="rPick" SRC="pick1.jpg"></TD>
</TR></TABLE>
<H1><FONT FACE="Arial"><BOLD>Get Results</BOLD></FONT></H1>
<P>The best way to learn guitar is to learn the music you want to play. Take advantage of our personalized lesson plans to be the guitarist you want to be.</P>
<P><img src="http://gallery.tripod.com/photos/Objects/Musical_Instruments/P0306305.JPG" width="213" height="320" ALIGN=LEFT>I have been playing guitar for over 15 years, and I've taken enough lessons to know which teaching methods work and which don't. I will start you off with a few basics, and then let you decide what music you want to learn. Being interested in the material keeps a student motivated, and a motivated student always finds time to practice!</P>
<P>All lessons are 30 minutes long, unless prior arrangements are made with instructor.</P>
<P><TABLE COLS="2" ALIGN=CENTER CELLPADDING="10">
<TR>
<TH BGCOLOR="#FFFF99"><FONT COLOR="#FF0000" SIZE=+1>Lesson Plans</FONT></TH>
<TH BGCOLOR="#FFFF99"><FONT COLOR="#FF0000" SIZE=+1>Price</FONT></TH>
<TR>
<TD>Single lesson</TD>
<TD>$10.00</TD>
<TR>
<TD>Pay monthly</TD>
<TD>$36.00 (Save $1.00/lesson)<TD>
</TR>
<TR>
<TD>6 Months</TD>
<TD>$192.00 (Save $2.00/lesson)</TD>
</TR>
</TABLE></P>
<BR>
<BR>
<BR>
<TABLE ROWS="1" COLS="5" WIDTH="75%" ALIGN="CENTER">
<TR>
<TD><A HREF="dglhome.html">Home</A></TD>
<TD><A HREF="ref.html">References</A></TD>
<TD><A HREF="lessons.html">Lesson Material</A></TD>
<TD><A HREF="signup.html">Sign Up</A></TD>
<TD><A HREF="mailto:meadows43@copper.net">Contact</A></TD>
</TR>
</TABLE>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--Hide from old browsers
document.write("<BR><H4><CENTER>This web page was last modified "+document.lastModified+"</CENTER></H4>");
//-->
</SCRIPT>
</body>
</html>
Thanks,
CM
I am trying to write a function that will make an image on my web page appear to be spinning. I am using an array to hold the images. When I open the page, the browser just keeps trying to load the page. The rest of the images on the page appear, but the animation does not work. Could anyone take a look at the code below and tell me what I've done wrong? The function is named spinImg().
<html>
<head>
<TITLE>Dayton Guitar Lessons</TITLE>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--Hide from old browsers
var scrollMsg = " Personalized lesson plans. 15 years playing experience. Affordable rates. ";
var msgSpace ="--- ---";
var beginPos = 0;
var fileNum = 0;
var picks = new Array("pick1.jpg", "pick2.jpg", "pick3.jpg");
function scrollingMsg() {
document.message.scrollingMsg.value = scrollMsg.substring(beginPos,scrollMsg.length)+msgSpace+scrollMsg.substring(0,beginPos);
beginPos = beginPos + 1;
if (beginPos > scrollMsg.length) {
beginPos = 0;
}
window.setTimeout("scrollingMsg()",200);
}
function spinImg() {
var fileNum = fileNum + 1;
if (fileNum == 3) {
fileNum = 1;
}
document.lPick.src = picks[fileNum];
setTimeout("spinImg()",10);
}
//-->
</SCRIPT>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#0000EE" vlink="#551A8B" onload="spinImg();scrollingMsg()">
<TABLE ROWS="2" COLS="1" WIDTH=90%>
<TR>
<TD><IMG SRC="dgllogo.jpg" NAME="Logo" BORDER=0 ALIGN=RIGHT></TD>
<TR>
<TD><IMG SRC="fretboard.jpg" NAME="Fretboard" BORDER=0 USEMAP="#frets" ALIGN=CENTER WIDTH=750 HEIGHT=120></TD>
</TABLE>
<MAP NAME="frets">
<AREA SHAPE="RECT" COORDS="68,77,105,95" HREF="dglhome.html">
<AREA SHAPE="RECT" COORDS="130,77,199,95" HREF="ref.html">
<AREA SHAPE="RECT" COORDS="223,77,319,95" HREF="lessons.html">
<AREA SHAPE="RECT" COORDS="346,77,394,95" HREF="signup.html">
<AREA SHAPE="RECT" COORDS="422,77,471,95" HREF="mailto:meadows43@copper.net">
</MAP>
<BR>
<TABLE COLS="3" ROWS="1" ALIGN="CENTER" CELLSPACING="10">
<TR>
<TD><IMG NAME="lPick" SRC="pick1.jpg"></TD>
<TD><FORM NAME="message">
<INPUT TYPE="text" NAME="scrollingMsg" SIZE="23"></CENTER>
</FORM></TD>
<TD><IMG NAME="rPick" SRC="pick1.jpg"></TD>
</TR></TABLE>
<H1><FONT FACE="Arial"><BOLD>Get Results</BOLD></FONT></H1>
<P>The best way to learn guitar is to learn the music you want to play. Take advantage of our personalized lesson plans to be the guitarist you want to be.</P>
<P><img src="http://gallery.tripod.com/photos/Objects/Musical_Instruments/P0306305.JPG" width="213" height="320" ALIGN=LEFT>I have been playing guitar for over 15 years, and I've taken enough lessons to know which teaching methods work and which don't. I will start you off with a few basics, and then let you decide what music you want to learn. Being interested in the material keeps a student motivated, and a motivated student always finds time to practice!</P>
<P>All lessons are 30 minutes long, unless prior arrangements are made with instructor.</P>
<P><TABLE COLS="2" ALIGN=CENTER CELLPADDING="10">
<TR>
<TH BGCOLOR="#FFFF99"><FONT COLOR="#FF0000" SIZE=+1>Lesson Plans</FONT></TH>
<TH BGCOLOR="#FFFF99"><FONT COLOR="#FF0000" SIZE=+1>Price</FONT></TH>
<TR>
<TD>Single lesson</TD>
<TD>$10.00</TD>
<TR>
<TD>Pay monthly</TD>
<TD>$36.00 (Save $1.00/lesson)<TD>
</TR>
<TR>
<TD>6 Months</TD>
<TD>$192.00 (Save $2.00/lesson)</TD>
</TR>
</TABLE></P>
<BR>
<BR>
<BR>
<TABLE ROWS="1" COLS="5" WIDTH="75%" ALIGN="CENTER">
<TR>
<TD><A HREF="dglhome.html">Home</A></TD>
<TD><A HREF="ref.html">References</A></TD>
<TD><A HREF="lessons.html">Lesson Material</A></TD>
<TD><A HREF="signup.html">Sign Up</A></TD>
<TD><A HREF="mailto:meadows43@copper.net">Contact</A></TD>
</TR>
</TABLE>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--Hide from old browsers
document.write("<BR><H4><CENTER>This web page was last modified "+document.lastModified+"</CENTER></H4>");
//-->
</SCRIPT>
</body>
</html>
Thanks,
CM