Lightboxが動かない場合はこれを試して
久々にLightboxを使おうとしたら、何故か動かなくてはまってしまったので、メモしておきます。
1）Lightbox本家サイトからスクリプトをダウンロードしてくる
http://lokeshdhakar.com/projects/lightbox2/
2）下記の3つのファイルをアップロードする
js/lightbox.min.js
css/lightbox.css
images/close.png
images/loading.png
images/next.png
images/prev.png
3）<head>内に以下を記述
<link rel=”stylesheet” href=”css/lightbox.css”>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js”></script>
4）</body>の直前に以下を入れる
<script src=”js/lightbox.min.js”></script>
何故か動かなくて、検索したら、2015年6月以前に書かれたものである場合には、説明通りに記述してもうまく動かないそうで、上記が違っていました。今は<head>内に入れないようです。
aタグにrel=”lightbox”と入れるという方法が紹介されていましたが、こちらは古いみたいです。
5）ソースサンプル
- 前の記事
- 南信州ビジネス不動産様
- 次の記事
- 千畳敷カールで2612体験してきました
関連記事
-
-
根羽村取材記 長野県の最南端、愛知県から信州への入り口です。
長野県根羽村をご存知でしょうか。長野県の南の町、飯田市の方に根羽村知ってる？ってきくと、知らないとい ≫続きを読む
-
-
html.to.designの使い方。どんなHPでも一発でFigmaのデータに変換できます！
こんにちは、webの森のモモンガです。 最近youtubeチャンネルで、Figmaについての動画を作 ≫続きを読む
-
-
【ホームページの作り方】WordPressの勉強をしたいのですが・・・
Ｑ：WordPressのサイトを土台まで友人に作ってもらったのですが、そこから先どうしたら良いかわか ≫続きを読む
-
-
画像が表示されないと困ったら（HTML初心者の方へ）
「画像が表示されません！どうして？？？」HTML初心者の方によく質問をされるんですが、いくつか理由が ≫続きを読む
-
-
【Q】SEO対策について。初心者すぎて何からどうしたらいいか皆目わかりません(+ +；)
SEO対策とは、簡単に言うと「ホームページを検索で上位に来させる対策」と言われています。 でも・・・ ≫続きを読む
-
-
今更聞けない、インボイスについてのあれこれ
この10月からインボイス制度が本格的に開始されましたね。 多くの企業がインボイスに伴う経理処理の変更 ≫続きを読む
-
-
【Q】ドメインの引っ越しについて何からしたら良いかわかりません。具体的には今別会社で管理しているのを私が管理したいのですが・・・
ドメインの移管は何度やってもけっこう大変というか、失敗しないように出来るかちょっと緊張します。 とい ≫続きを読む
-
-
件名：Document2 というメールは開かないで削除 メールの受信がストップする場合もあるようです
「件名：Document2」というメールが送られてきた場合、メールを開かずに削除してください。このメ ≫続きを読む
-
-
[リクルートID]定期ニュースの停止
[リクルートID]定期ニュースの停止ができずイライラマックス！ ポンパレで一度買い物しただけなの ≫続きを読む