- 締切済み
lightboxの動作に関して
lightboxをＨＰに設置しようとしたのですが、 どうやっても画像に飛ぶだけの表示になってしまい lightboxの表示になりません。 http://qza.xxxxxxxx.jp/N-0017d.htm/ 何かが足りないのでしょうか。。。
- oza17
- お礼率33% (1/3)
- JavaScript
- 回答数3
- ありがとう数3
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- epocari
- ベストアンサー率42% (3/7)
<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さんも上手くいく事を祈っています！
- haru-taru
- ベストアンサー率0% (0/0)
<script type="text/javascript" src="lightbox_plus.js"></script> lightbox_plus.jsはN-0017d.htmと同じ階層にありますか？ たぶん別のとこにあるんじゃないかと思いますが。
- sora1tora2
- ベストアンサー率69% (27/39)
こんにちは ライトボックスは自身でも使ったことがあります。 そのときのソースです。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <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> とこんな感じで書いています。使っているバージョンとかの違いはあるかもしれませんが、大体の使い方は同じだと思います。 それでもわからない時は、サンプルをダウンロードしてコピペするのが一番だと思います。 参考になればと思います。
お礼
ありがとうございます やってみます！！