Hay muchas formas de navegar en la misma ventana. En este ejemplo, quiero presentarle que use JS para obtener el atributo SRC de IMG y reemplazarlo. Los amigos que necesitan esto pueden referirse a él.
<! DocType html public "-// w3c // dtd html 4.01 <title> Insertar título aquí </title> <style> H1 {posición: absoluto; margen-izquierda: 150px;} Ul {posición: absoluto; margen-top: 50px; margen-izquierda: 80px;} li {float: izquierda; list style: none; relly: 1em;} img {posición: absoluto; margin-top: 100px; margin-left: 100px; ancho: 1000px; altura: 600px;} p {posición: absoluto; margin-top: 800px; margin-left: 550px;} </style> <scryt> showcat (a) {var osRC = a.gettribute ("href" "); var oimg = document.getElementById ("img1"); oimg.setAttribute ("Src", OSRC); var op = document.getElementById ("P1"); var otxt = a.getAttribute ("title"); op.childnodes [0] .nodeValue = otxt ;; } </script> </head> <body> <h1> Cat Home </h1> <ul> <li> <a href = "img/1.jpg" onClick = "showcat (this); return false;"> white gat </a> </ail> <li> <a href = "img/2.jpg" onclick = "showcat (this); return False;" <li> <a href = "img/3.jpg" onClick = "showCat (this); return false;"> cat Cat </a> </li> </ul> <img id = "img1" src = "img/4.jpg"/> <p id = "p1"> elige la foto cat </p> </body> </hml>