lightboxをHPに設置しようとしたのですが、
どうやっても画像に飛ぶだけの表示になってしまい
lightboxの表示になりません。
http://qza.xxxxxxxx.jp/N-0017d.htm/
何かが足りないのでしょうか。。。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
<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 …
No.2
- 回答日時:
<script type="text/javascript" src="lightbox_plus.js"></script>
lightbox_plus.jsはN-0017d.htmと同じ階層にありますか?
たぶん別のとこにあるんじゃないかと思いますが。
No.1
- 回答日時:
こんにちは
ライトボックスは自身でも使ったことがあります。
そのときのソースです。
<!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>
とこんな感じで書いています。使っているバージョンとかの違いはあるかもしれませんが、大体の使い方は同じだと思います。
それでもわからない時は、サンプルをダウンロードしてコピペするのが一番だと思います。
参考になればと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) Wordpress 複数プラグインの不具合? 1 2022/10/09 21:52
- その他(IT・Webサービス) MacとWindows Google検索した時のURL表示の違いについて 1 2022/11/17 10:38
- Windows 10 Windows10 の設定?について (長文ですがよろしくお願いします)m(_ _)m 3 2022/05/14 12:22
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- フリーソフト 倍率自動調整して全画面表示できるフリーの画像ビューアー 1 2023/08/24 10:55
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- Excel(エクセル) エクセル、画像ファイル名の書かれたセル(複数個所)に画像を一括で表示させる方法 1 2023/04/19 00:19
- HTML・CSS 詳しい方に質問です。 早急に解決したいと思っています。 ポートフォリオをMacBook で作成したと 2 2023/05/12 17:40
- 画像編集・動画編集・音楽編集 AfterEffectでのシャターの挙動がおかしい 1 2023/05/07 00:38
- フリーソフト libreoffice drawのツールバーのチェックが外れてしまう 1 2022/10/04 22:02
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
DreamWeaverでJS
-
サイトにアクセスした際、数秒...
-
jqueryのcolorboxを読込直後に...
-
<script>タグというのはどこか...
-
jQueryの基本的なことについて...
-
文字サイズの大中小について
-
画像をゆっくりと切り替える方法
-
マウスオーバー+クリカブルマッ...
-
noscript内にlinkは間違い?
-
<a href="#" …>の意味を教えて...
-
onLoadをbodyタグ以外で使用する
-
bodyにidをつける理由は何ですか?
-
HTMLタグでマウスポインタを変...
-
javascriptとApacheの設定
-
Dreamweaver で 外部JSを読み込...
-
JavaScriptでiframeの内容を「...
-
テキストボックス内にハイパー...
-
1から100までの平方根を表示す...
-
ひとつの外部ファイルに複数の...
-
変数の代入値を外部の.txtファ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
複数のjavascriptを使うと動か...
-
Base64に変換したHTMLの<script...
-
シャドウボックスとjQueryを共...
-
lightboxの動作に関して
-
音楽再生用jQueryプラグイン「j...
-
CrossSlideのスライドショーが...
-
htmlで別ファイルのjavascript...
-
ebayの返信で『 Message may no...
-
jQueryの基本的なことについて...
-
DreamWeaverでJS
-
プラグイン無しでContactform7...
-
パソコンでホームページを作成...
-
document.lastChild.appendChil...
-
サイトにアクセスした際、数秒...
-
dojo(ライブラリ)のカレンダ...
-
jqeryのslicksliderのパスにつ...
-
Javascriptの外部サーバーから...
-
jQueryのfilterについて
-
マウスオーバー+クリカブルマッ...
おすすめ情報