Elastic Trail Script - HELP!!!

[Shamila]

I have tried out the Elastic Trail Scrip (created by Philip Whinston, see below),
http://www.dynamicdrive.com/dynamicindex13/trailer2.htm

everything works fine except that there is a large gap between the cursor and the string of balls.
There is no gap in when you goto the website (above), the string of balls hang directly under the cursor.
How do I reduce this gap and have the string of balls hang directly under the cursor?
Is this large gap caused by my web page creator (Virtual Mechanics WebEngine) or the fact that I use Internet Explorer or is there something in the code that I have to change?
I have no clue
PLEASE HELP!

[jscheuer1]

Is this large gap caused by my web page creator (Virtual Mechanics WebEngine)

Could be. Usually it is best to add in scripts as the last thing. Create your page however you want to. Then open it in a text editor, such as Notepad, and add the script in as per instructions. If you still are having problems at that point, we need to see your code. Either post a link to the problem page or post code here between [code] and [/code] tags.

[Shamila]

Thanks heaps matie!!

It works and I'm over the moon!

Can you please tell me how I can have the string of balls over any pics / objects I have inserted on to my web page? Currently when I hover the cursor over a pic/object on the page the string of balls are hidden behind the pic/object.

HOw can I have them above any pics/objects on my page?

I remember seeing a thread with a similar question (with an answer about adding an additional line of code) a few days ago, but I cannot find that thread any more ...

Here is the link to where I got the code.. here the string of balls are on top of all objects!!

http://www.dynamicdrive.com/dynamicindex13/trailer2.htm

I will have a huge on my face if this can be solved!

[jscheuer1]

Well, it's hard to say for sure, without seeing your page, why that is happening. Most likely you have other relatively or absolutely positioned elements on your page. If that is the case and they don't have z-indexes set for them, then changing style for the html of the 'ball' divisions should work. Like so:

<div id="dot0" style="z-index:100;position: absolute; visibility: hidden; height: 11; width: 11;">
	<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot1" style="z-index:100;position: absolute; height: 11; width: 11;">
	<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot2" style="z-index:100;position: absolute; height: 11; width: 11;">
	<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot3" style="z-index:100;position: absolute; height: 11; width: 11;">
	<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot4" style="z-index:100;position: absolute; height: 11; width: 11;">
	<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot5" style="z-index:100;position: absolute; height: 11; width: 11;">
	<img src="bullet.gif" height=11 width=11>
</div>
<div id="dot6" style="z-index:100;position: absolute; height: 11; width: 11;">
	<img src="bullet.gif" height=11 width=11>
</div>

[Shamila]

Hey Thank you soooo very much! It worked and I learned something new!!

Ciao
Shamila