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）ソースサンプル
- 前の記事
- （WEB制作入門6）ショッピングカートのいろいろ
- 次の記事
- 千畳敷カールで2612体験してきました
関連記事
-
-
WordPressのページ更新をするときに便利なツールあれこれ
まず、GoogleChromeはPCに入れておいてください HTMLを編集するのにとて… ≫続きを読む
-
-
【Q】ホームページが大きくなるにつれてナビゲーションの管理（？）に困っています。ページを増やすたびにたくさんのファイルを変更しなくてはいけません・・
ナビゲーションは、ホームページによっては、サイトのヘッダーにあったり、サイドナビにあったりして、目次… ≫続きを読む
-
-
手取りが10万円になるように、源泉徴収税（復興税をプラス）を加算して見積もりする方法
（手取額が897,900円以下の場合に限ります。） 1 税率が10.21％の場合 手取額÷0.897… ≫続きを読む
-
-
件名：Document2 というメールは開かないで削除 メールの受信がストップする場合もあるようです
「件名：Document2」というメールが送られてきた場合、メールを開かずに削除してください。このメ… ≫続きを読む
-
-
【Q】お店のfacebookページを作ったのですが、記事を投稿しても、反応があまりないし、誰が見てくれているかわからないんですが・・・？
《2016年2月補足》サイトリニューアルにあたり、旧記事を整理していますが、アクセスの多い記事は残し… ≫続きを読む
-
-
一番簡単なスマホ対応ページの作り方
スマホに対応したホームページの作り方（手法）はたくさんありますので、一概には言えませんが、超初心者向… ≫続きを読む
-
-
WordPressをハッキングされるとどうなりますか？
弊社の関係者さんからの情報で、（一昨日のことです）致命的なハッキングにあってしまったWordPres… ≫続きを読む
-
-
facebookページに届く 偽警告メッセージ
また、注意喚起発信です。 facebookページに届くこのようなメッセージ、スパムですので絶対にリン… ≫続きを読む
-
-
Q：GA4で、特定のドメインを除外設定する方法を教えてください
GoogleアナリティクスがGA4に変わってから、ガラッと使い方が変わってしまったので、時々お問合せ… ≫続きを読む
-
-
信州EC実践会・飯田 水上浩一出版記念セミナー H31年1月28日
SEOに強い！ネットショップの教科書 信州EC実践会の水上浩一講師の新刊「SEOに強い！ネットショッ… ≫続きを読む