lightboxの動作に関して

締切済

質問者：oza17
質問日時：2010/01/31 12:09
回答数：3件

lightboxをＨＰに設置しようとしたのですが、
どうやっても画像に飛ぶだけの表示になってしまい
lightboxの表示になりません。
http://qza.xxxxxxxx.jp/N-0017d.htm/
何かが足りないのでしょうか。。。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： epocari
回答日時：2010/02/18 17:19

<script～　と3行記述している部分を下記に書き換えてみてください。

私も同じ状態でしたが、これで上手くいきました。

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

大元のサイトのHow toより英語に目をチカチカさせながらコピペしました。
typeとsrcの順序が入れ替わってるだけの様ですが、バージョンが新しくなってから、
こちらの記述でないと、正確に作動しないのかな？と思っています。
（プログラム系はド素人なので解釈が正しいかは怪しいですが）

私もかなり時間を費やしましたが、oza17さんも上手くいく事を祈っています！

参考URL：http://www.huddletogether.com/projects/lightbox2 …

- 0
- 件

通報する

No.2

回答者： haru-taru
回答日時：2010/01/31 21:18

<script type="text/javascript" src="lightbox_plus.js"></script>

lightbox_plus.jsはN-0017d.htmと同じ階層にありますか？
たぶん別のとこにあるんじゃないかと思いますが。

- 0
- 件

通報する

No.1

回答者： sora1tora2
回答日時：2010/01/31 21:11

こんにちは

ライトボックスは自身でも使ったことがあります。

そのときのソースです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="ja" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<title>タイトル</title>
<meta name="discription" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<meta name="copyright" content="" />
<link rel="stylesheet" href="css/sytle.css" type="text/css" />
<link href="css/lightbox.css" rel="stylesheet" />
<script src="js/ext-core-debug.js"></script>
<script src="js/lightbox.js"></script>
<script>
Ext.ux.Lightbox.register('a[rel^=lightbox]');
Ext.ux.Lightbox.register('a.lb-flower', true); // true to show them as a set
</script>
</head>
<body>
<a href="image/image1.jpg" rel="lightbox"><img style="border: 0px solid ; width: 300px; height: 300px;" src="image/thumnail1.jpg" alt="画像" /></a>
</body>
</html>

とこんな感じで書いています。使っているバージョンとかの違いはあるかもしれませんが、大体の使い方は同じだと思います。
それでもわからない時は、サンプルをダウンロードしてコピペするのが一番だと思います。

参考になればと思います。