Il existe de nombreuses façons de parcourir des images dans la même fenêtre. Dans cet exemple, je souhaite vous présenter pour utiliser JS pour obtenir l'attribut SRC d'IMG et le remplacer. Les amis qui ont besoin de cela peuvent y faire référence.
<! Doctype html public "- // w3c // dtd html 4.01 transitional // en" "http://www.w3.org/tr/html4/loose.dtd"> <html> <read> <metml <Title> INSERT TITRE ICI </ Title> <ystyle> H1 {Position: Absolute; margin-left: 150px;} ul {position: Absolute; margin-top: 50px; margin-left: 80px;} li {float: Left; list-style: Aucun; padding: 1em;}; IMG {position: absolu; marge: 100px; marge-left: 100px; largeur: 1000px; hauteur: 600px;} p {position: absolu; marge-top: 800px; margin-left: 550px;} </ style> <script> function showcat (a) {var osrc = a.getAttribute ("script> 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 chat </a> </li> <li> <a href = "img / 2.jpg" onclick = "showcat (this); return false;" "Cat </> </> </col <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"> Choisissez Cat Photo </p> </ody> </html>