0

我在线获取了此代码，并希望将图像源从在线图片更改为我根文件夹中的图片。但是每次我更改文件位置时，图像都不会出现。

var firstreel=new reelslideshow({
    wrapperid: "myreel", //ID of blank DIV on page to house Slideshow
    dimensions: [1310, 400], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
        ["http://i30.tinypic.com/531q3n.jpg"], //["image_path", "optional_link", "optional_target"]
        ["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new"],
        ["http://i30.tinypic.com/531q3n.jpg"],
        ["http://i31.tinypic.com/119w28m.jpg"] //<--no trailing comma after very last image element!
    ],
4

3 回答 3

0

将其放置到路径中没有空格的文件夹中，或者将路径中的空格替换为 %20（url 编码的空格字符）

如果 html / js 位于“Project AMBIENT”文件夹中，则不必使用完整路径。您可以使用“./Photos/xyz.ext”或取决于文件的放置位置“../Photos/xyz.ext”

于 2012-05-03T12:25:56.760 回答
0

尝试使用file:///C:\Users\Rizal\Desktop\Project_AMBIENT\Photos\b.jpg

你将不得不正确地转义空格Project Ambient或将其重命名为Project_AMBIENT或类似的东西。

文件 URI 方案

更新

将以下内容放入名为“img_form.html”的文件中并双击它：

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
</head>

<body>
<form id="target" action="javascript:return false;">
  <input type="text" value="http://i30.tinypic.com/531q3n.jpg" />
  <input type="submit" value="Go" />
</form>
<br>
<img id="image"/>

<script>
$('#target').submit(function() {
  $('#image').attr('src', $("input:first").val());
});    
</script>
</body>

现在将输入表单中的文本更改为某个本地 url：

Unix：

file:///Users/snies/Pictures/043.jpg

视窗：

file://localhost/c:/some/folder/foo.jpg
file:///c:/some/folder/foo.jpg

并按下按钮。

于 2012-05-03T12:26:25.450 回答
0

您不能使用本地文件路径：

C:\Users\Rizal\Desktop\Project AMBIENT\Photos\b.jpg

您必须使用托管在 Web 服务器上的文件：

www.x.com/images/stuff.jpg
于 2012-05-03T12:29:02.557 回答