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体験してきました
関連記事
-
-
【Q】ホームページのバックアップってどうすればいいですか？
バックアップについてお話する前に、ホームページには２種類あることを復習しますね。 １つは静的に作られ… ≫続きを読む
-
-
根羽村取材記 長野県の最南端、愛知県から信州への入り口です。
長野県根羽村をご存知でしょうか。長野県の南の町、飯田市の方に根羽村知ってる？ってきくと、知らないとい… ≫続きを読む
-
-
件名：Document2 というメールは開かないで削除 メールの受信がストップする場合もあるようです
「件名：Document2」というメールが送られてきた場合、メールを開かずに削除してください。このメ… ≫続きを読む
-
-
阿智村商工会主催 ホームページ勉強会と相談会
＜小さなネットショップでも大きく成功できる通販サイト＞ セミナー開催のお知らせです。講師はwebの森… ≫続きを読む
-
-
【Q】ホームページをCMSにするとSEO対策に不利と聞きましたが・・・・。普通のHTMLで作って置いた方がいいんでしょうか？
「アドレスがhtmlじゃなくなると検索に不利なのでは・・？」「CMSで作った動的ページはSEOで不利… ≫続きを読む
-
-
AIのチャットロボット「ChatGPT」登録方法と使い方
またもやすごいAIが登場。「ChatGPT」のWebアプリ版。現在は無料で使えるということで、早速使… ≫続きを読む
-
-
【Affinity裏技】Illustratorユーザー必見！Affinityの縦書きで「縦中横」を実現する方法を発見しました
私のYouTubeチャンネルで、Affinityの番組がめっちゃ人気です。 特に、今までAdobeか… ≫続きを読む
-
-
【ホームページの作り方】建築・建設・施工・造園業等のホームページ作成
個人的な印象ですが、建築、建設会社さんで、ホームページを上手に活用しているところは、他の分野に比べて… ≫続きを読む
-
-
【Q】Dreamweaverでホームページを作っています。サイトを一部修正してサーバーにアップしているのに反映されません！
Dreamweaverでホームページを修正してサーバーにアップしてるのに、ブラウザで見ると変化がない… ≫続きを読む
-
-
（WEB制作入門5）ショッピングカートって何？
WEB制作入門1から4までで、独自ドメインの大事さ、WordPressがどれだけすぐれているかを書い… ≫続きを読む