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】キーワードの選び方を教えてください。
キーワードについて理解することで、SEO対策の効果がぐんとあがります。遠回りに見えるかもしれないけど… ≫続きを読む
-
-
飯田でのセミナーご参加ありがとうございました
飯田のセミナー、大好評のうちに終了しました。アンケート結果、皆さんとても勉強になった、また参加したい… ≫続きを読む
-
-
【Q】ブログとfacebookページ、両方更新するのがしんどいです。どちらに力を入れたら良いですか？
先日友人から「うちのホームページ、全然人が見に来ないみたいで問い合わせもないしどうすれば？」と相談を… ≫続きを読む
-
-
売れるECサイトを制作、運営するためのノウハウまとめに取り上げていただきました
webの森の記事が、「売れるECサイトを制作、運営するためのノウハウまとめ」に取り上げていただきまし… ≫続きを読む
-
-
【Q】ネットショップが完成しました、これから何をしていけば良いでしょうか
たくさんの労力・時間をかけてやっとオープンしたネットショップ。 webの森にリニューアルをご依頼いた… ≫続きを読む
-
-
【Q】お店のfacebookページを作ったのですが、記事を投稿しても、反応があまりないし、誰が見てくれているかわからないんですが・・・？
《2016年2月補足》サイトリニューアルにあたり、旧記事を整理していますが、アクセスの多い記事は残し… ≫続きを読む
-
-
窓が見つからない （Windowsのプログラムがどこかに行ってしまった時）
ソフトを立ち上げて、タスクバーにはたしかにそのソフトがあるのに、デスクトップ上のどこにもない！ない！… ≫続きを読む
-
-
（WEB制作入門1）静的サイトと動的サイトの違い
静的サイトの作り方 2000年くらいのこと。わたしがWEB制作をお仕事としてやり始めたころのことです… ≫続きを読む
-
-
TinyMCEにスタイルを追加する
自分への備忘録なので丁寧な記事ではなくてすみません。 function.phpに下記を追加 /** … ≫続きを読む