0

我是 javaScript 新手，我尝试制作一个照片库以用于练习目的。我不了解 jQuery，所以我现在不想使用它 互联网上的大多数东西都使用 JQUERY。

我想滑动图像，使用下一个图像按钮，但是

  1. 当我单击第一个 img 标签时，它工作正常。
  2. 当我点击第二个输入标签时，同样的图像再次出现。

这两个标签有什么区别。正在调用函数。我已经使用 alert 进行了检查。这是未捕获的参考错误

经过大量更改后，我进行了很多搜索，我的代码就像这个 脚本：

 <script type="text/javascript">
    var k = 0;
    var imageName = new Array(6);
    imageName[1] = "1.jpg";
    imageName[2] = "2.jpg";
    imageName[3] = "3.jpg";
    imageName[4] = "4.jpg";
    imageName[5] = "5.jpg";
    imageName[6] = "6.jpg";

      function NextImage(){

        if (k == 6) {
            k = 0;
        }
        k++;
        document.getElementById("imagebox").src =imageName[k];

    }
</script>

html:

<form id="form1" runat="server">
<div>
<img id="picbox" src="1.jpg" height="500" width="500" alt="iMAGE NOT FOUND" />
<img src=green-next-button.jpg onclick="javascript:NextImage()" />
<input type="image" onclick="NextImage()" src=green-next-button.jpg />

</div>

请在代码中跟踪问题。在此先感谢。由于某些 Web.config 文件，调试被禁用，也建议这样做。请帮助我如何调试 Html 标签。

4

3 回答 3

1

此级别的 Javascript 非常容易使用客户端调试器进行调试。作为学习 Javascript 的一部分，每个人都应该学习使用这种功能。

对于 firefox，这是您可以下载到浏览器以添加调试器的插件：https ://addons.mozilla.org/en-US/firefox/addon/firebug/

对于 Chrome，Chrome 开发人员工具是一个不错的起点，单击 CTRL+SHIFT+J 以获取 javascript 控制台。下面解释一下如何在 Chrome 中进行 Javascript 调试：

https://developers.google.com/chrome-developer-tools/docs/javascript-debugging

于 2013-09-11T20:18:41.983 回答
1

这是一个教程，可能有助于教您如何自己构建一个。

http://jjames.info/Tutorials/Tutorial1/tutorial1.php。

在这个页面上是一个简单的教程，教你如何创建一个你可以使用的 Javascript 图像库，或者可以帮助你了解如何自己创建一个。

于 2014-02-21T22:44:49.343 回答
0

由于您没有经验，我会采取简单的方法，只需找到一个图书馆。使用谷歌，你会发现多个。如果你要从头开始，那将花费你很多时间。

还想继续吗？然后还要学习调试代码。在更改图像标签的地方放置一个 console.log(imagename[k]) 。如果您看到不同的图像名称，则问题出在图像本身。

于 2013-09-11T20:09:15.397 回答