Hello everyone,

I am trying to get an arrow picture to correspond with a link. When a person clicks the link, the arrow points down to the content. The problem I am having is getting the arrow to return to normal when the user clicks the link again. Below is the link to the page in question. Thanks in advance for any advice you all might have.

http://drawninwardmedia.com/firstint...2/careers.html

You could change the function change1 to first check what image is currently inside the img tag.
Then thereby choose what new image should go in the img tag.

What would be the best way to go about that? I am a Javascript novice.

document[imgName].src acts as a variable, and therefore you can check it's value with an if-statement.

if(document[imgName].src==img1){
document[imgName].src = img2;
}else{
document[imgName]src. = img1;
}

This code doesn't actually work but it's just to show you the idea.

So I've altered my code, just for the first arrow to this:

- - - -

function change1(picName,imgName)
{
if(document[imgName].src==image_off){
document[imgName].src = image2;
}else{
document[imgName]src. = image_off;
}

- - - -

It still points down when I click on the link, but doesn't come back up. Thanks for the help so far.

Strike that. I was trying to replace the Change1 statement with the IF statement you gave me and it broke the script. What I was thinking might be this:

function change1(picName,imgName)
{
if (document.images)
{
imgOn=eval(imgName + ".src");
document[picName].src= imgOn;
}
if(document[imgName].src==image_off){
document[imgName].src = image2;
}else{
document[imgName]src. = image_off;
}
}

As I said, if you had read closely, the code I provided wasn't working code.
I simply made a simple example to show you how it should look like.

You should store the locations of the images in your javascript, maybe as an array.
Then make the change function get the current image, and make it be the other.

function change1(picName)
{
if (document.images)
{
if(document[picName].src == images[0]){
document[picName].src = images[1];
}else{
document[picName].src = images[0];
}
}

What you need to do to make this code work is store the locations for the image in the array images.