ここから本文です

light boxが動作しません。。 今こうなってますが、何か足りないのでしょうか?

xx0********さん

2010/5/1722:11:48

light boxが動作しません。。

今こうなってますが、何か足りないのでしょうか?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.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">
<meta http-equiv="content-script-type" content="text/javascript">
<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"><!--
body {
color:#000000;
background-color:#ffffff;
margin:0px;
padding:0px;
}
--></style>
</head> <body> <p><a href="images/00.jpg" rel="lightbox[e01]" title="説明"><img src="images/00-s.jpg" width="80" height="60" alt=""></a></p> </body> </html>

---
黒枠のダウンロード表示だけがされず、サムネの下にイメージが同じページに異常な大きさで出てしまうんです。
文字化けもしてしまい、何度入力しても
『<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">』
この部分だけ消えてなくなってしまいます。

非対応なんでしょうか?
jsなどのすべての必要なファイルは転送済みです。

補足>コレの意味がよくわからない
『』内の、<meta/>のソース部分です。ここが消えてしまいます。
jsはファイルに入っています、出さないと反応しないのでしょうか...

URLはこれです:http://artpaint01hellohappynight.web.fc2.com/album.html
一見サムネしかないように見えますが、下の方にもう一方の画像が出てます。

ちなみにFC2を利用しています。
宜しくお願いします。

閲覧数:
488
回答数:
2
お礼:
50枚

違反報告

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

imp********さん

編集あり2010/5/1809:16:02

うーむ・・・ソースだけ見てると、大きな問題ないように見えますが・・・・

>この部分だけ消えてなくなってしまいます。
コレの意味がよくわからないのと、

>jsなどのすべての必要なファイルは転送済みです。
正しい位置に転送できていない可能性が。

非対応、なんてコトはないと思いますが・・・。


問題なければ、そのサイトのURL教えていただけますか。
直接見てみないと、なんとも・・・。


>補足
えーっと・・・まず、lightboxの性質上、サーバがFC2だから、と言うのは関係ないハズです。

んで。
><meta/>のソース部分です。ここが消えてしまいます。
ホントだ・・・消えてますねぇ。。。
なんでやろ?ココこそ、サーバになんかヘンな設定がしてあるのかも(その場合は変更できないですけど)

ちなみに、ある方がいいんですけど、
ことlightboxに関してだけ言えば、なくても動作するハズです。


本題。
ソースみてみました。

まず
css/lightbox.css
このファイルが存在しない、ですね。
ファイル自体をUPしていないか、置く場所間違っているかのどちらか。

例えば
js/prototype.js
なんかは存在しています。
jsというディレクトリ(フォルダ)内にprototype.jsファイルがありますよね。
もしかして、js内にlightbox.cssがおいてあったりしませんか?
css
というディレクトリ(フォルダ)を作り、その中に置くのですよ。
知っていましたら失礼。


lightboxの画像とかは正しく設置されている模様。
images/loading.gif
とかですね。


で、結論的には、
lightboxの動作自体はしている(だいぶ下の方に表示される)ので、
ほぼ確実に
css/lightbox.css
が読み込めていないせい。

だと思われます。
お試しください。

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

2010/5/18 22:30:40

降参 imp27gdbさん、ndiyo48さんわざわざ補足まで書いて頂いて大変ありがとうございました!!!
FTPに転送のところからやり直し、アドバイス等を参考に作成したら無事出来ました!解決しました!
懇切丁寧な説明とてもわかりやすかったですv
初心者故に大助かりでした♪
この度はありがとうございました!!

ベストアンサー以外の回答

1〜1件/1件中

ndi********さん

編集あり2010/5/1809:23:36

<meta /> が消えるというのはサーバーの文字コードと相反するので強制的に削除し、その結果文字化けと言うことかと。
lightbox は使ったことが無いが、highslide でも文字化けの経験はない。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
http://artpaint01hellohappynight.web.fc2.com/css/lightbox.css
これが「404 not found」になる。
つまり、アップロードされていないか、位置が違うか。

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

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

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

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

閉じる

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

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

閉じる