2014-06-27 47 views
0

我试图通过Javascript来源添加到图像,以及一些jQuery代码我互联网上找到,但它似乎并没有工作:更改HTML图像,功能似乎并没有被称为

<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> 
+0

什么让你觉得这个函数没有被调用?你能在函数的开头设置一个断点吗?你看到控制台中的错误吗? –

+0

我为你的问题添加了jQuery标签。如果这是错误的,请删除它。 – j08691

回答

4

变化:

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

要:

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

别忘了'toString'是一个函数。必须调用'.toString()' –

+1

也不要忘记实际包含jQuery,因为OP似乎没有这样做。 –