per la prima domanda, devi dare come target al link il name del frame nel quale li vuoi aprire (se non ha un name mettilo).
Per la seconda devi usare gli eventi onmouseover ed onmouseout per modificare le immagini.
io farei così:
codice:
<a href="link1.html" target="frameBody">
[img]imgs/img1.jpg[/img]
</a>
<a href="link2.html" target="frameBody">
[img]imgs/img2.jpg[/img]
</a>
<a href="link3.html" target="frameBody">
[img]imgs/img3.jpg[/img]
</a>
chiaramente in othersrc c'è l'immagine che sarà cambiata al passaggio del mouse.
crei poi una funzione JS
codice:
function toogleImage(){
var tmp = this.getAttribute("othersrc");
this.setAttribute('othersrc', this.getAttribute("src"));
this.setAttribute('src', tmp);
}
window.onload = function(){
var allImgs = document.getElementsByTagName("img");
for(i = 0; i < allImgs.length; i++){
if(allImgs[i].className == 'Toggle'){
allImgs[i].onmouseover = toogleImage;
allImgs[i].onmouseout = toogleImage;
}
}
}
Il codice dovrebbe essere piuttosto semplice, se hai dubbi chiedi pure.