1

Greybox を使用しようとしていますが、表示したい画像が見つからないことに不満を感じています。相対 URL に関係していて、正しい場所を指していない可能性があると思います。しかし、確かではありません。考えられるすべての URL の組み合わせを試したような気がします。

これは問題ですか、それとも何かが完全に欠けていますか?? ここでGreyboxに関するFAQを読みました：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>
4

1 に答える 1

0

これが私のために働くコードです：

<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 v.5.54 には、最初の試行で画像が読み込まれないというバグがあるようです。グレーボックスを正しく表示するだけですが、コンテンツはありません。最初に起動したグレイボックスを閉じて、ページを更新する前にもう一度リンクをクリックしてみると、グレイボックスは正しく起動します。すべての適切なコンテンツを含みます。

インストール: v5.54 の代わりに Greybox v5.53 をインストールすると、最初の試行でイメージが読み込まれないという問題が解決したようです。お役に立てれば。

于 2011-06-17T05:54:57.757 に答える