Javascript slideshow defaults to alt text in Mozilla Firefox

[caggens]

Our site layout relies heavily on javascript slide shows similar to the random promos (only larger).

These slide shows view properly using IE on a PC and Safari on a Mac, but the images default to the alternate text when viewed with Mozilla on a Mac.

What if anything can I do to correct this problem?

unl.edu/art

Thanks!

[saltybeagle]

Aside from any javascript errors, (which there are none I can see)... two things can prevent the image from loading. The src attribute should, by default, load an image. It doesn't have to be an actual image, but something valid should load prior to the javascript firing.
I would use a transparent image like this one: http://www.unl.edu/ucomm/templatedepend ... spixel.gif
which is distributed with the templates.

The other necessity is that the element the image is rotated into (<img id="large1") needs to be loaded within the DOM (document object model) tree. The dom tree is created as the browser parses the source of the web page you are viewing, and allows every element within the html/xml document to be accessed. The javascript needs to be able to find the element within the dom tree when it fires, so moving the javascript call lower in your source code will increase the amount of time between when the browser parses the source of the image element and creating a referenceable node within the dom tree. I hope that makes sense.

So, I would do two things. Change your image source to be like this:

Code: Select all

<div class="image_large"><img id="large1" src="http://www.unl.edu/ucomm/templatedependents/templatecss/images/transpixel.gif" alt=" art department image" /> </div>

and move the javascript futther down in the source code of your page
....

Code: Select all

<script type="text/javascript"  src="sharedcode/680x210.js"></script>

Hopefully that will get the random image loading within all the browsers.