2012-05-03 26 views
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! 
    ], 
+0

你能展現圖像路徑的樣本你在設置? –

+1

然後,你必須做一些錯誤的... –

+0

VAR firstreel =新reelslideshow({ \t wrapperid: 「myreel」,//頁空白DIV容納幻燈片 \t維度的ID:[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://en.wikipedia.org/wiki/Cave」,「_new」], \t \t [「http://i30.tinypic.com/531q3n.jpg」], \t \t [「http://i31.tinypic.com/119w28m.jpg」] // < - 最後一個圖像元素後沒有尾隨逗號! \t], –

回答

0

其放置到一個文件夾,而不在其路徑的空間或%20(URL編碼的空格字符)

如果HTML/JS更換您的路徑中的空間是你的「項目外圍」裏面的地點理想,您不必使用完整路徑的文件夾。您可以使用「./Photos/xyz.ext」或取決於其中的文件都放在「../Photos/xyz.ext」

+0

非常感謝!最終完成了! –

0

嘗試使用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 

的Windows:

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

,並按下按鈕。

+0

謝謝。做了以下但無法解決。 –

+0

試試我上面的示例代碼,並報告結果 – snies

0

不能使用本地文件路徑:

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

你必須使用這是一個Web服務器上承載的文件:

www.x.com/images/stuff.jpg 
+0

其實你可以,試試吧 – snies