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

我构建了一个简单的幻灯片，其中图片每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:UsersDocumentsIMG_1267.jpg";
                image_tracker = 2;
            }
            else if(image_tracker==2)
            {
                image.src="C:UsersDocumentsIMG_1239.jpg";
                image_tracker = 3;
            }
            else 
            {
                image.src="C:UsersDocumentsIMG_1263.jpg";
                image_tracker =1;
            }
        }
        timer = setInterval('change()',7000);
  </script>
</head>
<body>
    <img src="C:UsersDocumentsIMG_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 = "..images1.png";
                image_tracker = 2;
            } else if (image_tracker == 2) {
                image.src = "..images2.png";
                image_tracker = 3;
            } else {
                image.src = "..images3.png";
                image_tracker = 1;
            }
        }
        timer = setInterval('change()', 7000);
    </script>
</head>
<Body>
    <img src="..images1.jpg" height="512" width="688" id="gc" onclick="clearInterval(timer);">
</Body>

相关内容

最新更新

热门标签：