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 に変更します。

ユニックス:

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 に答える