实现按钮控制图片的播放

最新推荐文章于 2024-09-22 11:17:00 发布

Xu___.___

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量218

点赞数 2

文章标签： js javascript html

本文链接：https://blog.csdn.net/weixin_49884163/article/details/107979432

版权

<body>
    <div id = "box">
        <table>
        <tr>
        <td><button id="last">上一张</button></td>
        <td><button id="next">下一张</button></td>
        </tr><br/>
        </table>
        <img src="1.jpg" alt="wuhu" width=400px height=300px >
    </div>
<script>
        let last = document.getElementById("last");
        let next = document.getElementById("next");
        let img = document.querySelector("img"); 
        let arr =["1.jpg","2.jpg","3.jpg"];
        // console.log(arr);
       
        last.onclick = function last(){
            i-- ;
            img.src = arr[i];
        }
        
         let i = 0;
        next.onclick = function next(){ 
            i++ ;
             img.src = arr[i];
        }
</script>