Серые картинки не загружаются Возможная проблема с URL?

Я пытаюсь использовать Greybox, и я расстраиваюсь из-за того, что не могу найти свои изображения, которые хочу показать. Я думаю, что это может иметь отношение к относительным URL-адресам и не указывать в нужном месте. Но я не уверен. Я чувствую, что перепробовал все возможные комбинации URL.

Это проблема, или я что-то упустил полностью?? Я прочитал часто задаваемые вопросы о Greybox здесь: http://orangoo.com/labs/GreyBox/FAQ/ но он действительно не предлагал мне решения.

Буду очень признателен за любую помощь. Благодарю.

Примечание. Похоже, что сервер чувствителен к регистру.

URL-адрес соответствующей страницы: http://www.ecometrix.ca/refresh/emma.html Изображения расположены по адресу: / refresh / emma / images / Изображения помечены: screen01.jpg, screen02.jpg, screen03.jpg и т. Д.,

Вот содержимое greybox в заголовке моего 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>
Источник

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 запустится правильно. Включая весь соответствующий контент.

Установка: Установка Greybox v5.53 вместо v5.54, похоже, решила проблему с загрузкой изображений с первой попытки. Надеюсь это поможет.

Источник
Другие вопросы по тегам