画像や動画をポップアップで表示させるJavaScriptのプラグインで、特に有名なものでは[LightBox]が挙げられます。 ここで紹介する[Lity]は[LightBox]と同じように使えるjQueryプラグインで、レスポンシブにも対応済み。またデータ容量も4KB未満と軽量で気軽に導入できる点が魅力です。 その実装方法ですが、まずは公式配布サイトより必要なファイルをダウンロードしてきましょう。 [Lity]:公式サイト いくつかのファイルが梱包されていますが、このうち使うのは「lity.min.css」と「lity.min.js」の2つのファイル。 当然ですが[Lity]はjQueryに依存していますので、jQuery本体のスクリプトも必要です。 lity.min.css lity.min.js jquery.js これらのファイルをHTMLの <head>~</head> 内で読み込