改变HTML图像，函数似乎没有被调用

Changing HTML image, function doesn't seem to be called

本文关键字：调用 HTML 图像 函数 改变      更新时间：2023-09-26

我正试图通过Javascript和一些我在互联网上找到的JQuery代码添加一个源图像，但它似乎不起作用:

<html>
<head>
    <script src = "http://www.example.com/images/">
        var count=1;
        var initnumber=100;
        function changeImage(){
            count++;
            $("#HTMLPhoto").attr('src'+((initnumber+count).toString)+".jpg");
        }   
    </script>
</head>
<body onload="changeImage()" >
    <img id="HTMLPhoto"/>
    <button onclick="changeImage()">Next Image</button>
</body>

我也试图再次调用changeImage()函数与按钮点击。

编辑:设法使它工作，我改变了代码一点，如果有人想看:

<html>
<head>
    <script>
        var count=1;
        function nextImage(address){
            count++;
            image = document.getElementById('HTMLPhoto');
            image.src ="http://www.example.com/images/"+(address+count)+".jpg";
        }   
    </script>
</head>
<body>
    <img id="HTMLPhoto"/>
    <button onclick="nextImage(100)">Next Image</button>
</body>

变化:

$("#HTMLPhoto").attr('src'+((initnumber+count).toString())+".jpg");

: 

$("#HTMLPhoto").attr('src', ((initnumber+count).toString())+".jpg");
相关文章：