Image Script (please helpme)

[Hylian]

Anyone know of a script that I use to create a "Next" and "Previous" type feature for images. I'll have a new window open from a link (link will be something like picture.php?id=01, where id is the variable in the picture file for the source of the image, so that image shows). I have all my images named as numbers...so that should be easy (01.jpg, 02.jpg, etc.). I just want to to change the source (src in javascript) of the image dynamically rather than reloading the page with the new image. It there a sript that does something like that? The only guess i have would be something like taking the src of an image named current and doing a ++ thing. (i'm a total newbie, yet I'm sure it can be done...) could someone help?

[kazer]

what you are looking for is some simple DHTML. depending upon which browsers you want to support (hopefully all of them) this code can be quick and dirty or slightly cluttered.

Here is a -very- basic way to change the contents of a layer dynamically:

<script>
function displayimg(blah) {
document.all.picturelayer.innerHTML="<img src="+blah+">";
}
</script>

<div id=picturelayer>
picture displayed here
</div>

<a href=# onclick="displayimg('blah.gif')">Change</a>

Good luck!

-T

(this works in IE... just what I know offhand)