JS对img进行操作

最新推荐文章于 2022-09-06 11:33:01 发布

商炳奇

最新推荐文章于 2022-09-06 11:33:01 发布

阅读量2.3k

点赞数

分类专栏： C#

本文链接：https://blog.csdn.net/shang_111111/article/details/8810518

版权

这段代码展示了如何使用JavaScript操作HTML中的img元素实现图片切换。通过`showImg`函数实现图片在1.jpg和2.jpg之间的切换，`showImg1`函数实现图片顺序播放，从1.jpg到10.jpg，并在达到10后重置回1.jpg。另外，`show`函数启动定时器以每500毫秒自动调用`showImg1`进行图片轮播，而`show1`函数用于停止轮播。用户可以通过按钮触发不同的图片操作。

摘要由CSDN通过智能技术生成

            if (document.getElementById('img').getAttribute("src") == "images/1.jpg") {
                document.getElementById('img').setAttribute("src","images/2.jpg");
            }
            else {
                 document.getElementById('img').setAttribute("src","images/1.jpg");
            }
        }

        function showImg1() {
            document.getElementById('img').setAttribute("src", "images/" + i + ".jpg"); i++;
            if (i > 10)
            {
                i = 1;
            }
        }

function show() {
n=setInterval(showImg