Question

我正在尝试创建一个响应式图像，当点击它时，另一个图像打开，当你点击新图片时它会消失......消失。谢谢!!

这是我的代码：

 <div class="item">
    <div id="img1"><"https://www.istockphoto.com/il/photos/lion-cub?excludenudity=true&sort=mostpopular&mediatype=photography&phrase=lion%20cub" /></div>

    <div class="artical1"></div>
    <img src="http://www.interload.co.il/upload/5439335.jpg" id="image1" onclick=diffImage(this) />

    <img src="http://www.interload.co.il/upload/9659133.jpg" onclick="this.style.display='none';"/>
</div>

Answer 1

以下代码与您的代码类似。

我使用了visibility CSS属性而不是display，并将正确的javascript添加到第一张图片的onclick事件中

＆＃13;

 <div class="item">

    <div class="artical1"></div>
    <img src="http://www.interload.co.il/upload/5439335.jpg" id="image1" onclick="document.getElementById('other-image').style.visibility='visible'" />

    <img id="other-image" src="http://www.interload.co.il/upload/9659133.jpg" onclick="this.style.visibility='hidden';"/>
</div>

＆＃13;

我建议您更详细地查看javascript，以便能够以更可重复的方式执行此操作。

使图像出现并消失

1 个答案: