Existem muitas maneiras de navegar por fotos na mesma janela. Neste exemplo, quero apresentá -lo a usar o JS para obter o atributo SRC do IMG e substituí -lo. Amigos que precisam disso podem se referir a ele.
<! Doctype html public "-// w3c // dtd html 4.01 transitória // pt" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <meta http-equiv = contentnppe " <título> Insira o título aqui </title> <estilo> h1 {posição: absoluto; margem-left: 150px;} ul {position: absoluto; margin-top: 50px; margin-left: 80px;} li {float: esquerda; estilo list: nenhum; preenchimento: 1em;} img {posição: absoluto; margem-top: 100px; margem-esquerda: 100px; largura: 1000px; altura: 600px;} p {posição: absoluto; margin-top: 800px; margin-left: 550px;} </style> <script> expresso de função (a) {var osr: 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); retorna false;"> gato branco </a> </li> <li> <a href = "img/2.jpg "clicklick = <li> <a href = "img/3.jpg" onclick = "showcat (this); retorna false;"> gato gato </a> </li> </ul> <img id = "img1" src = "img/4.jpg"/> <p iD "p1"> escolha gat foto </p>