JavaScript and cross browser issues

[NeoLokie]

Hi all,
I'm probably going to get a little hung for this, but I ripped some javascript out of frontpage to make the galleries in my website work. Now funnily enough the don't scroll or anything like the should in anything other than ie. yes I know I should have expected it, but I couldn't find any kind of gallery javascript thing that did what I wanted, and it wasn't till after it was done that I found a flash one, and right now I don't have the time to make the flash one work. actually theres more to it than that..I'll have to start another thread for it
Anyway heres the site clickhereforoffendingitem ,is there any easy or relatively easy way to make it do what its meant to in other browsers? Cause mush as I hate that its frontpage derived I like how it works.
ok.. feel free to make with the hanging

Thanks!

 

[Rowan W]

Not only is there an easier way, you can also make it easier to use for visitors and yourself.

I didn't write this script myself, but it does basically the same thing as your existing code.

<script type="text/javascript">
// Gallery script.
function LoadGallery(pictureName,imageFile,titleCaption,captionText)
{
  document.getElementById(pictureName).src = imageFile;
}
</script>

<div style="width:200px;height:100px;overflow:auto;white-space:nowrap"> <!--This makes the images scrollable -->

<a href="#_self" onclick="LoadGallery('placeholder', 'one.jpg')" class="image"><img src="image.jpg" height="90" width="90"> <!-- each image has the "loadgallery" function -->
<a href="#_self" onclick="LoadGallery('placeholder', 'two.jpg')" class="image"><img src="image.jpg" height="90" width="90">
<a href="#_self" onclick="LoadGallery('placeholder', 'three.jpg')" class="image"><img src="image.jpg" height="90" width="90">
<a href="#_self" onclick="LoadGallery('placeholder', 'four.jpg')" class="image"><img src="image.jpg" height="90" width="90">

</div>

<img src="biggerimage.jpg" id="placeholder"> <!-- This is the placeholder image where the other images will load when clicked -->

Let me know if it works or not.

 

[NeoLokie]

I can'at see/don't get what in that I need to modify so that it knows what image to display when the thumbnail is clicked. adding images for the thumbs, no probs, but not sure what after that. unless id="placeholder" is supposed to have the address of the pic?