[RESOLVED] click to change image - not working

[beylah]

I have the following code that is not working

in the head tag

<script type="text/javascript"> 

function changeIt() 
{
var theImg = document.getElementsByTagName('img')[0].src;

var x = theImg.split("/");
var t = x.length-1;
var y = x[t];

if(y=='images/floor19.jpg')
{
document.images.example.src='images/floor19pg.jpg'
}
}
</script>

and the following in the body

<img src="images/floor19.jpg" border="0" usemap="#Map2"  name='example' />

<a href="#" onclick="changeIt()">Practice Groups</a>

[yamaharuss]

Try changing name='example' to id='example'

and

var theImg = document.getElementsByTagName('img')[0].src;
to
var theImg = document.getElementByID('example').src;

[beylah]

i have tried this with no success

here is the error

object doesn't support this property or method

[yamaharuss]

do some troubleshooting

add alert(theImg); and see what you get.

Then get rid of all the other stuff and write a simple if statement

[beylah]

it seems the original coding works if the graphics are taking out of the "images" folder and put on the main level

is there a way to work the code so that i can leave the graphics in the "images" folder

[beylah]

i have figured it out just the first image reference in the body needs to have the "images/

and then it works