Javascript 如何将照片从我的文档添加到我的html_Javascript_Html

Javascript 如何将照片从我的文档添加到我的html

javascript html

Javascript 如何将照片从我的文档添加到我的html,javascript,html,Javascript,Html,我找不到任何方法可以让我循环浏览照片，除非我有一个，我现在的代码如下。我在代码中找不到错误 <!DOCTYPE html> <html> <body> <img id="light"> <script> var list= ['':]; //this is where i would have the web address but its not efficent a

我找不到任何方法可以让我循环浏览照片，除非我有一个，我现在的代码如下。我在代码中找不到错误

<!DOCTYPE html>
<html>
    <body>

        <img id="light">

        <script>
            var list= ['':]; //this is where i would have the web address but its not efficent as it soetimes dosent load
            var i = 0;
            function lightsCycle() {

                i = (i < list.length - 1) ? ++i : 0;

                document.getElementById("light2").src = list[i];
            }

        </script>

        <button type="button" onclick="lightsCycle()">Next Light</button>

    </body>
</html>


下一道亮光

好的，几天后我更新了我的代码，我有这个，我把所有的图片放在一个名为assests的文件夹中，它们都是正确的名称，但是没有任何效果，我只是被带到了201%页面

<!DOCTYPE html> 
<html> 
<body>   
  <p>This is  my Traffic Light script</p> 
  <img id="light" src="./assets/red.jpg">
  <button type="button" onclick="changeLights()">Change Lights</button>  
  <script> 
    var list = ["./assets/red.jpg","./assets/redamber.jpg", "./assets/green.jpg","./assets/amber.jpg" ];
    var index = 0;
    function changeLights() {
      index = index + 1;      
      if (index == list.length) 
        index = 0;      
      var image = document.getElementById('light');     
      image.src = list[index]; 
    } 
  </script>  
</body> 
</html>


这是我的红绿灯脚本
换灯
var list=[“/assets/red.jpg”、“/assets/redamber.jpg”、“/assets/green.jpg”、“/assets/amber.jpg”]；
var指数=0；
函数changeLights（）{
指数=指数+1；
if（index==list.length）
指数=0；
var image=document.getElementById（'light'）；
image.src=列表[索引]；
}

您遇到了一个基本问题，您指向ID

light2

，您的img标签上只显示

light

呵呵

我试过了，一切正常，而且我先添加了一个基本图像以加载，请检查：

好的，所以我尝试执行您给我的操作，但我得到了一个错误201%知道这意味着什么吗？201用于可能的原因。应该有错误消息。201是状态代码。嗯，很奇怪，无论如何，我在另一个编辑器中上传了代码（记得按RUN按钮进行测试）：