Popup]を紹介します。Popup]を紹介します。Popup]を紹介します。Popup]を紹介します。基本的な動作は所謂「Lightbox」と同じですが、オプションの設定により、画像がスムーズにズームして表示されるようになります。サンプルをご覧ください。Popup:オンズによる実装サンプルファイルのダウンロードは以下の公式サイトまたはGitHubからどうぞ。Popup]の実装方法ダウンロードしたファイルのうち、スタイルシートの「magnific-popup.css」とスクリプトの「jquery.magnific-popup.js」をHTMLの<head>〜</head>内に設置します。このとき、jQueryの本体ファイルも同時に読み込んでおきます。Popup]の設定を記述します。Popup]が実行されるようになっています。Popup]を導入することができます。Popup:オンズによる実装サンプルiPhoneをはじめとするスマートフォンやiPadなどの携帯端末にも対応していて、どんなデバイスでも最適なサイズで画像を拡大表示してくれるので、「Lightbox」系のプラグインの中でも比較的使い勝手の良いはずです。現行ヴァージョンでは、IE7、IE8にも対応しているようです。「マニフィック・ポップアップ」という名前の響きも可愛いですね。公式サイトによると、WordPressのプラグイン版も開発中とのこと。こちらの情報も見逃さないようにチェックしておきましょう。Popup:公式サイトTwitterFacebookGoogle+FeedlyLINEこちらの記事もいかがですか?アナタにオススメ!同じカテゴリーの他の記事です。【jQuery】ウィンドウの解像度を取得してRetinaディスプレイを判別する。Display)に対応するための解決策[Retina-Srcset.js]を開発しました。【jQuery】可変グリッド・レイアウトの超有名プラグイン[Masonry]を紹介します。Tubular]を紹介します。