Javascript duplicate code

Faldwin · 07-14-2009, 09:24 PM

I modified the code from this tutorial for making a javascript slideshow. I changed the play slideshow function to an onMousover event, and the pause function to an onMouseout event. I managed to get this to work, but then I tried to implement the same functionality on another picture on the same page. My goal is to create a series of pictures that animate(or more accurately, slip through several pictures) when you rollover them. In order to duplicate the code I went through the code and attached 01 to all the variables. Then I duplicated the code and changed the 01 to 02.

However, I can only get the first slideshow to run. According to Firebug the second element isn't even calling the Javascript function. I've checked, double checked, and triple checked for typos, so I know that isn't it.

You can view the page at testing.natureswheel.com
The javascript is in an external file, which can be viewed here

The first picture acts like its supposed to, and the second one is supposed to act like the first, but doesn't for some reason. Even though all the pictures are the same now, on the final version of the site they will be different, so I can't just use the same pictures on every one.

Thanks in advance for any light you can shed on this issue.

**ahmorrow** · 07-18-2009, 07:55 AM

Have you tried using one chunk of code instead of two separate timeouts and all that?

I would've tried one timeout and had one chunk of code change the image myself... but that's me I guess. I'm having trouble understanding the code this early/late? I'll take a look at it again later though... *BUMP*

07-14-2009, 09:24 PM	#1 (permalink)
Faldwin Registered User Join Date: Apr 2007 Posts: 7 OS: WinMe	Javascript duplicate code I modified the code from this tutorial for making a javascript slideshow. I changed the play slideshow function to an onMousover event, and the pause function to an onMouseout event. I managed to get this to work, but then I tried to implement the same functionality on another picture on the same page. My goal is to create a series of pictures that animate(or more accurately, slip through several pictures) when you rollover them. In order to duplicate the code I went through the code and attached 01 to all the variables. Then I duplicated the code and changed the 01 to 02. However, I can only get the first slideshow to run. According to Firebug the second element isn't even calling the Javascript function. I've checked, double checked, and triple checked for typos, so I know that isn't it. You can view the page at testing.natureswheel.com The javascript is in an external file, which can be viewed here The first picture acts like its supposed to, and the second one is supposed to act like the first, but doesn't for some reason. Even though all the pictures are the same now, on the final version of the site they will be different, so I can't just use the same pictures on every one. Thanks in advance for any light you can shed on this issue.

07-18-2009, 07:55 AM	#2 (permalink)
ahmorrow God (TSF Enthusiast) Join Date: May 2009 Location: Jeffersonville, IN Posts: 896 OS: Ubuntu 9.10 [Karmic Koala] My System	Re: Javascript duplicate code Have you tried using one chunk of code instead of two separate timeouts and all that? I would've tried one timeout and had one chunk of code change the image myself... but that's me I guess. I'm having trouble understanding the code this early/late? I'll take a look at it again later though... BUMP __________________ If I have not responded to a post in 24 hours or more, PM me with a link to the thread and I'll get back to you. I do not help via PM/IM/Email.