Question

我在网上发现了一个灯箱并将其复制到我的代码中。第一个图像完美运行，点击显示，然后再次单击关闭。但是当你点击第二张照片时它再次显示第一张照片，尽管我用另一张照片替换了所有的照片。我究竟做错了什么？温柔，我是这一切的新手

<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"><img id="gallery1" src="gallery1.jpg"></img></a></p>
        <div id="light" class="white_content1"></a> <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img id="gallery1lb" src="gallery1.jpg"></img></a></div>
        <div id="fade" class="black_overlay1">
        </div>

        <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"><img id="gallery2" src="gallery2.jpg"></img></a>
        <div id="light" class="white_content2"></a> <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img id="gallery2lb" src="gallery2.jpg"></img></a></div>
        <div id="fade" class="black_overlay2"> 
        </div>

灯箱没有显示不同的图像

0 个答案: