Greybox圖片無法加載可能的URL問題？

我正在嘗試使用Greybox，並且因爲找不到想要顯示的圖像而感到沮喪。我認爲這可能與相對URL有關，而不是指向正確的位置。但我不確定。我覺得我已經嘗試了所有可能的URL組合。Greybox圖片無法加載可能的URL問題？

這是問題，還是我完全錯過了一些東西？我已閱讀Greybox上的常見問題解答：http://orangoo.com/labs/GreyBox/FAQ/，但它並未真正爲我提供解決方案。

我將非常感謝您的幫助。謝謝。

說明：看起來服務器區分大小寫。

URL到相關頁面：http://www.ecometrix.ca/refresh/emma.html 像位於：/更新/艾瑪/圖片/ 圖片標記：screen01.jpg，screen02.jpg，screen03.jpg等

這裏是在我的HTML的標題greybox內容：

<script type="text/javascript"> 
    var GB_ROOT_DIR = "http://www.ecometrix.ca/refresh/greybox/"; 
</script> 
<script type="text/javascript" src="greybox/AJS.js"></script> 
<script type="text/javascript" src="greybox/AJS_fx.js"></script> 
<script type="text/javascript" src="greybox/gb_scripts.js"></script> 
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="/refresh/banner/Scripts/AC_RunActiveContent.js"></script>

這裏是我已經定義了（現在用絕對URL）的圖像集：

<script type="text/javascript"> 
var image_set = [{'caption': 'Screenshot 1', 'url': 'http://www.ecometrix.ca/refresh/images/screen01.jpg'}, 
       {'caption': 'Screenshot 2', 'url': 'http://www.ecometrix.ca/refresh/images/screen02.jpg'}, 
       {'caption': 'Screenshot 3', 'url': 'http://www.ecometrix.ca/refresh/images/screen03.jpg'}, 
       {'caption': 'Screenshot 4', 'url': 'http://www.ecometrix.ca/refresh/images/screen04.jpg'}, 
       {'caption': 'Screenshot 5', 'url': 'http://www.ecometrix.ca/refresh/images/screen05.jpg'}]; 
</script>

這裏是在HTML錨標記：

<a href="" class="emmalink" onclick="return GB_showImageSet(image_set, 1)">Screenshots</a>

編輯：下面是對我的作品的代碼：

在和標籤之間：

<script type="text/javascript"> 
    var GB_ROOT_DIR = "http://www.ecometrix.ca/refresh/greybox/"; 
</script> 
<script type="text/javascript" src="http://www.ecometrix.ca/refresh/greybox/AJS.js"></script> 
<script type="text/javascript" src="http://www.ecometrix.ca/refresh/greybox/AJS_fx.js"></script> 
<script type="text/javascript" src="http://www.ecometrix.ca/refresh/greybox/gb_scripts.js"></script> 
<link href="http://www.ecometrix.ca/refresh/greybox/gb_styles.css" rel="stylesheet" type="text/css" />

And

<script type="text/javascript"> 
var image_set = [{'caption': 'Screenshot 1', 'url': 'http://www.ecometrix.ca/refresh/emma/images/screen01.jpg'}, 
       {'caption': 'Screenshot 2', 'url': 'http://www.ecometrix.ca/refresh/emma/images/screen02.jpg'}, 
       {'caption': 'Screenshot 3', 'url': 'http://www.ecometrix.ca/refresh/emma/images/screen03.jpg'}, 
       {'caption': 'Screenshot 4', 'url': 'http://www.ecometrix.ca/refresh/emma/images/screen04.jpg'}, 
       {'caption': 'Screenshot 5', 'url': 'http://www.ecometrix.ca/refresh/emma/images/screen05.jpg'}]; 
</script>

在機身：

<a href="" class="emmalink" onclick="return GB_showImageSet(image_set, 1)">Screenshots</a>

來源

2011-06-16 DrAwkward

這很可能是因爲相對路徑，請嘗試絕對網址。我自己嘗試，但找不到您的實際圖像 - 也可能圖像不存在。你能直接鏈接到其中一幅圖像嗎？並確保它們存在於你認爲它們的地方？ – 2011-06-16 19:23:20

非常感謝您的回覆。我會馬上看看這些圖片。 – DrAwkward 2011-06-16 19:35:00

圖像在服務器上。但我無法通過我的瀏覽器訪問它們。說它被禁止。我感到很困惑。我還將圖片置於以下路徑：刷新/ images /仍然沒有運氣。 – DrAwkward 2011-06-16 19:44:02

下面是對我的作品的代碼：

在<head>和</head>標籤之間：

<script type="text/javascript"> 
    var GB_ROOT_DIR = "http://www.yourabsolute.url/including/filepath/to/greybox/"; 
</script> 
<script type="text/javascript" src="/filepath/to/greybox/AJS.js"></script> 
<script type="text/javascript" src="/filepath/to/greybox/AJS_fx.js"></script> 
<script type="text/javascript" src="/filepath/to/greybox/gb_scripts.js"></script> 
<link href="/filepath/to/greybox/gb_styles.css" rel="stylesheet" type="text/css" />

而且

<script type="text/javascript"> 
var image_set = [{'caption': 'This is the image caption displayed.', 'url': 'http://www.yourabsolute.url/including/filepath/to/greybox/your_image01.jpg'}, 
       {'caption': 'This is the second image caption displayed.', 'url': 'http://www.yourabsolute.url/including/filepath/to/greybox/your_image02.jpg'}]; 
</script>

之後<body>標記：

點擊此處啓動Greybox。

注意： Greybox v.5.54似乎有一個錯誤，因爲圖像並不總是在第一次嘗試時加載。它只是正確顯示灰箱，但沒有內容。如果關閉第一次啓動的灰箱，並在刷新頁面之前再次單擊鏈接，則greybox將正確啓動。包括所有適當的內容。

安裝：安裝Greybox v5.53而不是v5.54似乎解決了第一次嘗試不加載圖像的問題。希望這可以幫助。

來源

2011-06-17 05:54:57 DrAwkward

Greybox圖片無法加載可能的URL問題？

回答

相關問題