Question

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

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!
    ],

Answer 1

将其放置在路径中没有空格的文件夹中，或者用％20（url encoded space char）替换路径中的空格

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

Answer 2

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

您必须正确转义Project Ambient中的空白或将其重命名为Project_AMBIENT或类似的内容。

File URI scheme

<强>更新

将以下内容放入名为“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>

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

Unix的：

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

视窗：

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

然后按下按钮。

Answer 3

您无法使用本地文件路径：

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

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

www.x.com/images/stuff.jpg

更改图像源，但图像不会出现

3 个答案: