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

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

1 голос
/ 16 июня 2011

Я пытаюсь использовать 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 и т. Д.

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

0 голосов
/ 17 июня 2011

Вот код, который работает для меня:

Между тегами <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, похоже, решила проблему с загрузкой изображений с первой попытки. Надеюсь, это поможет.

...