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

This site is best viewed in a modern browser with JavaScript enabled.

[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/HuntDesignWebsite_4/web-content/index.html

The js is referred from here:
http://huntdesign.com/HuntDesignWebsite_4/web-content/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)

Fang

Design for unobtrusive JavaScript and stop using document.write

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

Sterling_Isfine

littleSparky;1003371 wrote:
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.