Es gibt viele Möglichkeiten, Bilder im selben Fenster zu durchsuchen. In diesem Beispiel möchte ich Ihnen vorstellen, JS zu verwenden, um das SRC -Attribut von IMG zu erhalten und zu ersetzen. Freunde, die dies brauchen, können sich darauf beziehen.
<! DocType html public "-// w3c // dtd html 4.01 transitional // en <title> Titel hier einfügen </title> <style> h1 {Position: absolut; margin-linft: 150px;} ul {Position: absolut; Margin-Top: 50px; Margin-Links: 80px;} li {float: links; Listenstil: None; Padding: 1EM;} IMG {Position: Absolute; Rand: 100px; Rand-Links: 100px; Breite: 1000px; Höhe: 600px;} p {Position: absolut; Margin-top: 800px; Margin-Links: 550px;} </style> <Script> Funktion. 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> Katzenhaus </h1> <ul> <li> <a href = "img/1.jpg" onclick = "showcat (this); return false;"> weiße Katze </a> </li> <li> <a href = "img/2.jpg" </lilick = "Showcat (). <li> <a href = "img/3.jpg" onclick = "showcat (this); return false;"> katkatze </a> </li> </ul> <img id = "img1" src = "img/4.jpg"/> <p id = "p1"> wählen Cat photo </p> </body> </htm> </htm> </body> </htm>