Question

我希望对图像进行幻灯片显示，这些图像在您单击时相互叠加，然后随着您的继续，旧图像消失（例如here）

到目前为止，这是我所拥有的，但是我对javascript不太熟悉，因此不确定我哪里出错了，或者不确定如何添加更多可以继续工作然后消失的图像。

（我找到了很多类似问题的答案，但到目前为止，没有其他解决方案！）

var timesClicked = 0;

$("#menu_button").click(function() {
    timesClicked++;

    if (timesClicked=2) {
        function showStuff(id) {
            document.getElementById(img-3).style.display = "block";
        }
    }
    else {
        function showStuff(id) {
            document.getElementById(img-3).style.display = "block";
        }
    }

})

<img src="https://i0.wp.com/wattlecreative.com/wp-content/uploads/2019/02/01_PES-1.jpg?zoom=1.5&w=1200" style="height: 60vw;" />        
<div id="a_x200" style="display:none;"><img src="https://images.unsplash.com/photo-1487631807774-f9faa5694358?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1900&q=80" style="width: 40vw;" /></div>

<img id="img-3" src="https://c.stocksy.com/a/vpD800/z9/1959815.jpg?1551161499" style="width: 20vw; display: none;" />

        <input type="button" class="button_p_1" onclick="showStuff('a_x200');"></input>

Answer 1

我希望对图像进行幻灯片显示，这些图像在您单击时相互叠加，然后随着您的继续，旧图像消失（例如here）

到目前为止，这是我所拥有的，但是我对javascript不太熟悉，因此不确定我哪里出错了，或者不确定如何添加更多可以继续工作然后消失的图像。

（我找到了很多类似问题的答案，但到目前为止，没有其他解决方案！）

$sp

var timesClicked = 0;

$("#menu_button").click(function() {
    timesClicked++;

    if (timesClicked=2) {
        function showStuff(id) {
            document.getElementById(img-3).style.display = "block";
        }
    } else {
        function showStuff(id) {
            document.getElementById(img-3).style.display = "block";
        }
    }
});

我已经在HTML文件中通过CDN添加了参考jquery.js。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img src="https://i0.wp.com/wattlecreative.com/wp-content/uploads/2019/02/01_PES-1.jpg?zoom=1.5&w=1200" style="height: 60vw;" />        
<div id="a_x200" style="display:none;"><img src="https://images.unsplash.com/photo-1487631807774-f9faa5694358?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1900&q=80" style="width: 40vw;" /></div>

<img id="img-3" src="https://c.stocksy.com/a/vpD800/z9/1959815.jpg?1551161499" style="width: 20vw; display: none;" />

<input type="button" class="button_p_1" onclick="showStuff('a_x200');"></input>

运行我的代码段，它将加载图像。

如何制作该层图像的幻灯片显示

1 个答案: