ShaneS — Mon, 04 Aug 2003 14:43:45 +0000

Well if you have ever noticed most of the professionals have gotten away from frames.

They have too many qwuirks and issues when you are trying to get a project done quickly and efficiently. The look great from a pure HTML aspect, I mean what other way can you update one file to change the site right...well I think most other designers will agree server scripts have made frames pretty much un-needed.

That said,your image thing, is rather simple with JS and the DOM

For an image swap, you need some JS actions, and a few functions

OnMouseOver
OnMouseOut
OnClick

(you could use CSS is I am not mistaken, because of the A:link, A:active A:hover, but I will use JS to make sure it works)

Here is an example

(I know the needed tags are missing, just an example)

Cad

Alright lets assume the header load with an image already, that foo.jpg, and I gave it the id of switch.

SwitchImage(image){
default = document.getElementById('switch').src; //might need .value added after src
document.getElementById('switch').src= "new.jpg";
}
DefaultImage(){
document.getElementById('switch').src = default;
}

</script>