# [thelist] Very basic JavaScript question

Shane Miller smiller at callcenters24x7.com
Thu Sep 30 11:01:51 CDT 2004

```Thank you all very much!  I ended up going with this exact code that John
wrote, and it's working very nicely.  I appreciate the explanation too,
thanks John.

If you're curious, you can see the code in action here:
http://www.laurelblack.com on the Identity and Graphic Design pages.

Shane Miller
http://www.callcenters24x7.com

-----Original Message-----
From: thelist-bounces-smiller=callcenters24x7.com at lists.evolt.org
[mailto:thelist-bounces-smiller=callcenters24x7.com at lists.evolt.org] On
Behalf Of John.Brooking at sappi.com
Sent: Thursday, September 30, 2004 6:25 AM
To: thelist at lists.evolt.org
Subject: Re: [thelist] Very basic JavaScript question

Shane Miller said:
>...  What I'd like to do, though, is "reset" back to the
>first picture when I've reached the last image in the array.
>I would like to hard code that, with an additional if-then
>statement that if the index is four then change the index to
>zero, but I don't know the syntax.

Try:

function next() {
if (document.images) {
start = ( start + 1 ) % index;
document.images['imageName'].src = arrayOfImages[start];
}
}

The % operator is modulus, which gives you the remainder of dividing the
first operand by the second. It is very handy for just this situation. If
you do the math for each value of start (given your index value of 5),
you'll find that when start is 0 through 3, the expression "( start + 1 ) %
index" yields the same thing as start + 1 (the division yields 0 with the
remainder being the divisor itself). However, significantly, when start is
4, adding one gives you 5, and dividing 5 by 5 gives you 1 with 0 remainder,
so start ends up back at 0, just as you want. In general, for any value of
index, this expression cycles between 0 and index - 1.

- John
--

This message may contain information which is private, privileged or
confidential and is intended solely for the use of the individual or entity
named in the message. If you are not the intended recipient of this message,
please notify the sender thereof and destroy / delete the message. Neither
the sender nor Sappi Limited (including its subsidiaries and associated
companies) shall incur any liability resulting directly or indirectly from
accessing any of the attached files which may contain a virus or the like.
--

* * Please support the community that supports you.  * *
http://evolt.org/help_support_evolt/

For unsubscribe and other options, including the Tip Harvester
and archives of thelist go to: http://lists.evolt.org
Workers of the Web, evolt !

```

More information about the thelist mailing list