Question

我正在尝试使用Greybox，我对它没有找到我希望显示的图像感到沮丧。我认为它可能与相对URL有关，而不是指向正确的位置。但我不确定。我觉得我已经尝试了所有可能的URL组合。

这是问题，还是我完全错过了什么？我在这里阅读了关于Greybox的常见问题解答：http://orangoo.com/labs/GreyBox/FAQ/但它并没有真正为我提供解决方案。

我将非常感谢任何帮助。感谢。

注意： 看起来服务器区分大小写。

相关网页的网址为：http://www.ecometrix.ca/refresh/emma.html 图像位于：/ refresh / emma / images / 图像标记为：screen01.jpg，screen02.jpg，screen03.jpg等。

以下是我的HTML标题中的灰盒子内容：

    <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" />

和

<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>

Answer 1

以下是适用于我的代码：

在<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似乎已经解决了第一次尝试时未加载图片的问题。希望这会有所帮助。

Greybox图像未加载可能的URL问题？

1 个答案: