Есть много способов просматривать картинки в том же окне. В этом примере я хочу познакомить вас с использованием JS для получения атрибута SRC IMG и заменить его. Друзья, которые нуждаются в этом, могут ссылаться на это.
<! Doctype html public "-// w3c // dtd html 4.01 Transitional // en" "http://www.w3.org/tr/html4/loose.dtd"> <html> <head> <meta http-equiv = "content-velity" http-equiv = "content-" http-eviv = "content" <Title> вставьте заголовок здесь </title> <style> H1 {позиция: Absolute; margin-left: 150px;} ul {position: Absolute; Margin-top: 50px; margin-left: 80px;} li {float: слева; img {позиция: Absolute; Margin-Top: 100px; Margin-left: 100px; ширина: 1000px; высота: 600px;} p {position: Absolute; Margin-top: 800px; margin-left: 550px;} </style> <cript> funct showcat (a) {varc = argettritubuit ("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); вернуть false;"> белый кот </a> </li> <li> <a href = "img/2.jpg" onclick = "showcat (this); <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"> Выберите Cat photo </p> </body> </html>