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体験してきました
関連記事
-
-
一番簡単なスマホ対応ページの作り方
スマホに対応したホームページの作り方（手法）はたくさんありますので、一概には言えませんが、超初心者向… ≫続きを読む
-
-
facebookページに届く 偽警告メッセージ
また、注意喚起発信です。 facebookページに届くこのようなメッセージ、スパムですので絶対にリン… ≫続きを読む
-
-
【Q】リアル店舗もってるネットショップは、Googleマイビジネス（マップ）の登録が必須だと聞きました。どうすればいいのでしょう？
地域名 ＋ サービス名で検索してみてください まずは試してみてください。Googleで「駒ヶ根市 税… ≫続きを読む
-
-
アマゾン チャットサービス どこ？
たどり着くまでにぐるぐると同じところへ戻り迷路をさまよってしまうので、自分への備忘録です。 ちなみに… ≫続きを読む
-
-
Labカラーモードと調整レイヤーの使い方
Adobe Stockのチュートリアルに載っていたので、Photoshopでやってみたらほぼ同じだっ… ≫続きを読む
-
-
窓が見つからない （Windowsのプログラムがどこかに行ってしまった時）
ソフトを立ち上げて、タスクバーにはたしかにそのソフトがあるのに、デスクトップ上のどこにもない！ない！… ≫続きを読む
-
-
【ホームページの作り方】病院・歯科医院のホームページ作成
歯科医院のホームページは、院長・スタッフ紹介、治療内容、医院の紹介と受付時間・交通アクセスなど、だい… ≫続きを読む
-
-
千畳敷カールで2612体験してきました
10月3日、下界はまだ夏のなごりが残る初秋。この日、中央アルプス駒ケ岳ロープウェイにのって、2612… ≫続きを読む
-
-
Q：ドメイン移管の手順を教えてください
ドメインの移管（ドメインの管理者を移動すること）の手順は、転出と受け入れ先のそれぞれのレジストラ業者… ≫続きを読む
-
-
HTMLコードの編集がよくわからない…不安という方に
こんにちはモンガです。今日はHTML コードが簡単に編集できる便利なツールの 紹介をします。 ネット… ≫続きを読む