Need some help with my scrolling marquee. Only works after mouseover.

[ratinakage]

Hi guys,

I am pretty new to Javascript. I pulled some code of a tutorial website to make a scrolling marquee, then adjusted it to the size of my images. It seems to work OK.

The only problem is, it only starts working when you put your mouse over it. I need to start scrolling automatically when the page is loaded.

Does anyone know how I need to alter the script to make this happen?

I put up the site on:

http://djpsyguy.com/marqueetest/

http://djpsyguy.com/marqueetest/marquee.js

- that's the javascipt.

Any help would be much appreciated.

Thanks!!
G

 

[BillyRayPreachersSon]

Have you tried moving the contents of the 'onmouseover' function into the 'start' function? That would seem logical to me.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[ratinakage]

Hey BillyRayPreachersSon,

I tried what you said. I changed the start method to the following:

function start() {
	clearTimeout(mqr[0].TO);
   new mq('m1',mqAry1,160);
   new mq('m2',mqAry2,160);// repeat for as many fuields as required
   mqRotate(mqr); // must come last
}

Now I don't see the images at all...

Like I say, pretty new to javascript so, still not sure how it works.

I've zipped up the test site and put it here if you feel like downloading it and testing the fix.

http://djpsyguy.com/marqueetest/test.zip

Any more help would be appreciated...

 

[ratinakage]

Also tried this:

function start() {
   new mq('m1',mqAry1,160);
   new mq('m2',mqAry2,160);// repeat for as many fuields as required
   clearTimeout(mqr[0].TO);
   mqRotate(mqr); // must come last
}

It does as in the original. Only works after the mouseover...

 

[BabyJeffy]

Get Firefox and then get the Firebug extension for Firefox. Learn how to use Firebug to debug your code in this browser. There are many things you can do - including stepping through your code line by line in the Firebug debugger... and this may open your eyes to the cause of your code not working.

Cheers,
Jeff

[tt]Visit my blog [!]@[/!]

http://www.coderambler.com/

Visit Code Couch [!]@[/!]

http://www.codecouch.com/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[BillyRayPreachersSon]

The reason your code is failing is because it is erroring due to you not having a div with ID of 'm2' on your page, yet your code is assuming it is present.

Fix this, use the one line (mqRotate(mqr) in your start function, and you should be set.

How did I find this? Putting your code on different lines certainly helped... it's so hard to debug code when all on one line.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[BillyRayPreachersSon]

ratinakage,

How did you go with that? Did you resolve your problem?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/