Needing help with navigation bar and code

[confused.little.einstein]

<>I am creating a cancer-research oriented web page, and have run into problems with my navigation bar.
It's probably just a simple error, or a component I didn't know about, but I'm getting fairly frustrated.
The links work perfectly fine, but the image of the navigation bar won't load. I downloaded the images to my hard drive.
Is it a problem with the code, do I have to do something else with the image file?
Et cetera, et cetera...
I've spent too long on something that seems so simple.
Any input would be greatly appreciated.
This is the code:

<script language = "javascript">
<!--
imagename0 = new Image();
imagename0.src = "PediatricCancersB.png";
imagename1 = new Image();
imagename1.src = "PediatricCancers.png";
imagename2 = new Image();
imagename2.src = "StatisticsB.png";
imagename3 = new Image();
imagename3.src = "Statistics.png";
imagename4 = new Image();
imagename4.src = "BiologyB.png";
imagename5 = new Image();
imagename5.src = "Biology.png";
imagename6 = new Image();
imagename6.src = "EffectsB.png";
imagename7 = new Image();
imagename7.src = "Effects.png";
imagename8 = new Image();
imagename8.src = "TreatmentB.png";
imagename9 = new Image();
imagename9.src = "Treatment.png";
imagename10 = new Image();
imagename10.src = "AboutthesiteB.png";
imagename11 = new Image();
imagename11.src = "Aboutthesite.png";<
><>//-->
</script><
><><table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td width="100%"><a href="/commonchildhoodcancers.html">[img]PediatricCancers.png[/img]<><></table>
<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td width="100%"><a href="/statistics.html">[img]Statistics.png[/img]<><></table>
<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td width="100%"><a href="/biologyofcancer.html">[img]Biology.png[/img]<><></table>
<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td width="100%"><a href="/effects.html">[img]Effects.png[/img]<><></table>
<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td width="100%"><a href="eatment.html">[img]Treatment.png[/img]<><></table>
<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td width="100%"><a href="/aboutsite.html">[img]Aboutthesite.png[/img]<><></table>
<
>

Thanks!

[cruocitae]

I don't know JavaScript, but I know one reason of your problem: your code is hard to debug. Make easy-to-read code. Feel free to use spaces, tabs, newlines. A reason why I like Python is the fact that it makes visible code design a must for the programmer.

[andrew247]

I don't know very much about javascript, so anything I suggest might not work.

EDIT: You've declared variable names, then never used them.



The following is what I was originally going to reply, but I just noticed something that caught my eye.

You could try putting the "<script>javascript code here</script>" in your header.

[cruocitae]

I don't think that's a serious mistake, but I used to use <script type="text/javascript">...</script>

I knew some basic functions some years before..