Question

我是javaScript的新手，我试图制作一个用于练习目的的照片库。我不知道jQuery所以我现在不想使用它.Internet上的大多数东西都在使用JQUERY。

我想使用下一个图像按钮

来滑动图像

当我点击第一个img标签时，它可以正常工作。
当我点击第二个输入标签时，同一图像再次出现。

这两个标签之间的区别是什么。正在调用函数。我已使用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标签。

Answer 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

Answer 2

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

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

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

Answer 3

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

还想继续？然后还学习调试代码。在您更改图像标记的位置放置console.log（imagename [k]）。如果您看到不同的图像名称，则问题出在图像本身上。

如何使用纯JavaScript制作简单的图库

3 个答案: