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体験してきました
関連記事
-
-
長野ADC主催のデザイン会議
昨日は長野ADC主催のデザイン会議に出てきました。会場が素敵で、古い酒蔵をくつろぎスペースに改造・再… ≫続きを読む
-
-
html.to.designの使い方。どんなHPでも一発でFigmaのデータに変換できます！
こんにちは、webの森のモモンガです。 最近youtubeチャンネルで、Figmaについての動画を作… ≫続きを読む
-
-
アマゾン チャットサービス どこ？
たどり着くまでにぐるぐると同じところへ戻り迷路をさまよってしまうので、自分への備忘録です。 ちなみに… ≫続きを読む
-
-
阿智村商工会主催 ホームページ勉強会と相談会
「WEBサイトを作ったけど、自己流なのでどうしたら良いかわからない。 効果を上げられるホームページっ… ≫続きを読む
-
-
【Q】サーバーとかドメインとか言われてもよくわからないのですが・・・
webの森では、サイト制作をご依頼したお客様に、毎回サーバーとドメインの管理を今後どうするかをお聞き… ≫続きを読む
-
-
フォトショップでバウンディングボックスを自動表示
これ・・・意外と便利なのに、初期設定ではそうなってないので知らずに使っている人が多いかもしれません。… ≫続きを読む
-
-
【Q】わたしのネットショップ、写真が良くないと言われたのですが・・・。
よく言われることですが、「ネットショップは写真が命」 買う人は手にとって見ることができない、匂いを嗅… ≫続きを読む
-
-
【Q】ホームページでネットショップをやっています。ツイッターをやったほうがいいよと知人に誘われたのですが何がいいのかいまいちわからないのですが？
ツイッターってなに？ 140文字の「つぶやき」を投 稿するだけのシンプルな webサービスです。 無… ≫続きを読む
-
-
WordPressをハッキングされるとどうなりますか？
弊社の関係者さんからの情報で、（一昨日のことです）致命的なハッキングにあってしまったWordPres… ≫続きを読む
-
-
Q：FBページを作りました。書いたブログを自動的にリンクさせたいのですが・・・
A:結論からいうと、facebookの自動投稿はおすすめできません クライアント様から質問をいただい… ≫続きを読む