こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

Lightboxがエラーになります。

一応、下記のようにタグを書き込むとローカルでは動くようになったのですが、
サーバーにupすると『ページでエラーが発生しました』となり
実行エラーがでます。

<head>~</head>内に、

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css">

<body>に
<a href="images/xxx_1.jpg" rel="lightbox"><img src="images/xxx_2.gif" width="199" height="85"></a>

です。
特に指示がなかったので、
FFFTPで普通にupしました。
パーミッションとか変更しなければならないのでしょうか。
尚、バージョンは設置の参考にしたサイト様がlightbox2.03だったので、lightbox2.03を使いました。
何か、最初の行が、
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
でなければ、サイトのテンプレートデザインが狂ってしまうのです。
最新のバージョンだと、
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
なので使えませんでした。
参考にしたサイト様は
http://journal.mycom.co.jp/articles/2007/06/14/lightbox/index.html
です。
どうしてこんな現象が起きるのか、どなたか教えて頂けないでしょうか。

投稿日時 - 2009-01-28 12:25:29

QNo.4667980

すぐに回答ほしいです

質問者が選んだベストアンサー

<head>〜</head>の記述ですが、相対パスだとうまく動かない
らしいですよ。
自分は以下の記述でサーバーで動いてます。

<link rel="stylesheet" href="/style/lightbox.css" type="text/css" media="screen" />
<script src="/js/lightbox/prototype.js" type="text/javascript"></script>
<script src="/js/lightbox/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="/js/lightbox/lightbox.js" type="text/javascript"></script>

違い: js/xxxxx.js → /js/xxxxx.js

http://から書くように言われているサイトもありますが、それは
止めたほうがいいかと。

ローカルでは最初の / を /hoge/ に書き換えて動作させてます。
※ PHPの設定ファイルで変更してます。

投稿日時 - 2009-02-07 23:14:29

お礼

お礼が大変遅くなりまして、申し訳ありません。
しばらくアクセスできなかったものですから、失礼を致しました。
ご回答ありがとうございます。
勉強不足で途中で挫折してしまったままでしたが、また改めてチャレンジしたいと思います。
今回は本当にありがとうございました。

投稿日時 - 2009-03-08 23:35:16

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問