改变HTML图像,功能似乎没有被调用

时间:2014-06-27 18:52:48

标签: javascript jquery html

我正在尝试通过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>

1 个答案:

答案 0 :(得分:4)

变化:

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

要:

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