[RESOLVED] Random Images work but not in IE 8 and Opera 9.64

[littleSparky]

Hello all,

I've been banging my head against this all day and just can't seem to solve the problem.

After using and altering a js random image generator code from the web, I've got it doing exactly what I wanted...but only on the mac.

The page is supposed to display 5 random images next to each other.
Looks great in firefox and safari.
Opera shows 3 of 5 images.
IE 8 on the PC only displays the navigation (with working roll-overs!)

The site is listed here:
http://huntdesign.com/HuntDesignWebs...ent/index.html

The js is referred from here:
http://huntdesign.com/HuntDesignWebs...ontent/hunt.js

Your help would be invaluable since I really don't want to go back to the boss and say we *have* to use a single static image. :-)

Thanks!

[Sterling Isfine]

type="application/javascript"

This designation isn't yet universally supported and therefore will be unusable for some time. Use:

type="text/javascript"

This may be not be the only problem.

[littleSparky]

Thank you SterlingIsFine for the correction.
Sadly it only made the display in Opera worse by now also showing the contents of the <noscript> tags.

Any other thoughts people might have?
It seems so odd that it doesn't show anything in the Windows IE browser.
It does work fine in the Windows Safari browser.

Should I try to preLoad the images?

So the scoreboard is as follows:
PC: IE 8 = no
PC: Safari = yes
Mac: Safari = yes
Mac: Firefox = yes
Mac: Camino = yes
Mac: Opera = partially (which really means no since I can't use it)

[Sterling Isfine]

Thank you SterlingIsFine for the correction.
Sadly it only made the display in Opera worse by now also showing the contents of the <noscript> tags.

Any other thoughts people might have?

First validate your markup. It's showing an error near the script block: http://validator.w3.org

[littleSparky]

Thank you all for your considerations and advice. I will learn to use other methods besides document.write.

The error in the code was not closing the <img> tag in that obtrusive document.write script.

document.write('<img src="images/random/' + gallery[whichGallery][idx] + '" class="special" alt="" />');

I've also been working hard to be clean on the validation reports.

Thank you all, again.

[Fang]

Design for unobtrusive JavaScript and stop using document.write

Load the document with default images.
Preload the images.
Change images onload.