ここから本文です

light boxについて htmlに無知です。

パガニーニさん

2010/3/812:00:01

light boxについて
htmlに無知です。

light boxを使いたく、何回か知恵袋で質問したのですが、htmlに無知で使い方がわかりません。
こちらのサイトhttp://www.chamanet.com/lightbox/で、
htmlをコピペして、ホームページビルダーにコピーしました。
クリックすると、”このプログラムではこの Web ページを表示できません”と表示されます。
また、クリックするフォトが×印になっています。
写真を置いている場所が悪いのでしょうか?
light boxは、FTPに移動済みです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css"><!--
#outerImageContainer {
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
#imageDataContainer {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
}
--></style>

</head>
<body><A href="image/ファイル名" rel="lightbox[グループ名]" title="説明文"><IMG src="image/ファイル名" width="80" height="60" border="0"></A></body>
</html>

閲覧数:
1,193
回答数:
1
お礼:
500枚

違反報告

ベストアンサーに選ばれた回答

amb********さん

2010/3/812:36:59

以前の質問を拝見しましたが、ローカル環境(あなたのPC上)でテストする前にlightboxのフォルダだけアップロードしてしまったようなので、余計混乱しているのだと思います。

1.まずはローカル環境でファイルを揃えます。
lightboxの中身(CSS、js、imagesフォルダがあると思います)と、lightboxを設置したいHTMLファイル(仮にlightbox.htmlとします)と、lightboxで表示したい画像を入れるimageフォルダを同じフォルダ内に入れて下さい。すると、↓のような構成になるはずです。

フォルダ
├lightbox.html
├imageフォルダ
├cssフォルダ
├imagesフォルダ
└jsフォルダ

2.lightboxで表示したい画像のパスを確認します。恐らく、拡張子(.gifや.jpg、.png)が無い、もしくはimageフォルダに画像を入れていないために「×」が表示されているんだと思います。

正しくは、↓こうなるはず。
<a href="image/ファイル名.jpg" rel="lightbox[グループ名]" title="説明文"><IMG src="image/ファイル名.jpg" width="80" height="60" border="0"></a>


3.IE等でプレビューして動作を確認してください。
「このプログラムではこの Web ページを表示できません」と出るのは、ブラウザでのプレビューではなくてホームページビルダー上でプレビューしようとしているからのような気がします。


恐らくlightboxを入れたいHTMLと同じ階層にlightboxの必要なフォルダやimageフォルダがないために色々エラーがでているのだと思います。

質問した人からのコメント

2010/3/8 17:22:08

降参 非常に助かりました!!
無知過ぎて、写真が表示されるまで、膨大な時間がかかりました。
親切に有難う御座いました。

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる