هناك العديد من الطرق لتصفح الصور في نفس النافذة. في هذا المثال ، أود أن أقدم لكم استخدام JS للحصول على سمة SRC لـ IMG واستبدالها. يمكن للأصدقاء الذين يحتاجون إلى هذا الرجوع إليه.
<! doctype html public "-// w3c // dtd html 4.01 Transitional // en" "http://www.w3 <title> insert title هنا </title> <style> h1 {الموضع: Absolute ؛ margin-left: 150px ؛} ul {position: absolute ؛ margin-top: 50px ؛ margin-left: 80px ؛} li {float: left ؛ list ؛ list: none ؛ padding: 1em ؛} IMG {position: absolute ؛ margin-top: 100px ؛ margin-left: 100px ؛ width: 1000px ؛ height: 600px ؛} p {position: absolute ؛ margin-top: 800px ؛ margin-left: 550px ؛} </style> <cript> show show (a) {var osrc = A. 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 ؛ <li> <a href = "img/3.jpg" onClick = "showcat (this) ؛ return false ؛ "> cat </a> </li></ul> <img id =" img1 "src =" img/4.jpg "/> <p id =" p1 ">