JavaScript可以引用当前文件夹外的图像源吗?

Can JavaScript reference an image source outside of the current folder?

本文关键字：图像 文件夹 引用 JavaScript      更新时间：2023-09-26

我构建了一个简单的幻灯片，其中图片每7秒更改一次，但是如果我将页面源移出带有图像文件的文件夹，它就不起作用了。

它必须是JavaScript而不是HTML相关，因为第一张图片加载良好，但一旦JavaScript试图改变图像源，我得到一个"文件未发现错误"。

即使当我尝试使第二个图像源与第一个图像(加载良好)相同的文件时，我得到文件未找到消息7秒加载页面(当JavaScript第一次更改源时)。

<!DOCTYPE html>
<head>
  <script type="text/javascript">
        var image_tracker = 1
        function change(){
            var image = document.getElementById("gc");
            if(image_tracker==1)
            {
                image.src="C:'Users'Documents'IMG_1267.jpg";
                image_tracker = 2;
            }
            else if(image_tracker==2)
            {
                image.src="C:'Users'Documents'IMG_1239.jpg";
                image_tracker = 3;
            }
            else 
            {
                image.src="C:'Users'Documents'IMG_1263.jpg";
                image_tracker =1;
            }
        }
        timer = setInterval('change()',7000);
  </script>
</head>
<body>
    <img src="C:'Users'Documents'IMG_1263.jpg" height="512" width="688" id="gc" onclick="clearInterval(timer);">
</body>

您可以使用".. "返回代码中的文件夹。我相信"~'"可以回到你项目的根源。例如，如果我有以下文件夹结构:

  • c: '网站
  • c: ' '网站图片
  • c: ' ' ' 1. png图像网站
  • c: ' ' ' 2. png图像网站
  • c: ' ' ' 3. png图像网站
  • c: ' '网站脚本'

你可以这样做:

<!DOCTYPE html>
<head>
    <script type="text/javascript">
        Var image_tracker = 1
        function change() {
            var image = document.getElementById("gc");
            if (image_tracker == 1) {
                image.src = "..'images'1.png";
                image_tracker = 2;
            } else if (image_tracker == 2) {
                image.src = "..'images'2.png";
                image_tracker = 3;
            } else {
                image.src = "..'images'3.png";
                image_tracker = 1;
            }
        }
        timer = setInterval('change()', 7000);
    </script>
</head>
<Body>
    <img src="..'images'1.jpg" height="512" width="688" id="gc" onclick="clearInterval(timer);">
</Body>
相关文章：