画像ソースを変更しても画像が表示されません

このコードはオンラインで、オンライン画像から自分のルートフォルダにある画像ソースに変更したいと考えていました。しかし、私はファイルの場所を変更するたびに、イメージは表示されません。画像ソースを変更しても画像が表示されません

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

出典

2012-05-03 Rizal Ariffin

を、あなたのイメージパスのサンプルを表示することができますあなたは設定していますか？ –

次に、あなたは間違ったことをする必要があります。 –

var firstreel = new reelslideshow（{ \t wrapperid： "myreel"、// IDの空白のDIVスライドショー \tサイズ：[1310,400] //ギャラリーの幅/高さ（ピクセル単位） \t imagearray [ \t \t ["C：\ Users \ Rizal \ Desktop \ Project AMBIENT \ Photos \ b.jpg"]、// ["image_path" 、 "optional_link"、 "optional_target"] \t \t ["http://i29.tinypic.com/xp3hns.jpg"、 "http://ja.wikipedia.org/wiki/Cave"、 "_new"]、 \t \t ["http://i30.tinypic.com/531q3n.jpg"]、 \t \t ["http://i31.tinypic.com/119w28m.jpg"] // <最後のイメージ要素の後にカンマを付けません！ \t]、 –

はそのパスにスペースのないフォルダに置き、それをまたは20％（URLエンコードされたスペース文字）

HTML/JSの場合で、あなたのパスにスペースを置き換えるには、あなたの「プロジェクトAMBIENT」内palcedされますあなたは完全なパスを使用する必要はありません。あなたは「./Photos/xyz.ext」を使用するか、ファイルが「../Photos/xyz.ext」

出典

2012-05-03 12:25:56 creativeby

ありがとう！結局それは終わった！ –

は、あなたが適切に空白文字をエスケープする必要があります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>

は現在、いくつかの入力フォーム内のテキストを変更しますローカルURL：

UNIX：

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

のWindows：

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

、ボタンを押します。

出典

2012-05-03 12:26:25 snies

ありがとうございます。以下を行いましたが、解決できませんでした。 –

上記の私のコード例を試してみて、実際には – snies

あなたは、ローカルファイルパスを使用することはできません。

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

Webサーバー上でホストされているファイルを使用する必要があります。

www.x.com/images/stuff.jpg

出典

2012-05-03 12:29:02 Liam

の結果を報告してください – snies

画像ソースを変更しても画像が表示されません

答えて

関連する問題