Slimbox 2の使用方法をご紹介しています。 Slimbox 2は別ウィンドウ(ポップアップ)ではなく、ウィンドウ内で画像や写真などをモーダルウィンドウとして表示するJavaScriptライブラリです。 公式サイト ※ このライブラリは、jQueryが別途必要です。 目次 ダウンロードと設置 JavaScriptおよびCSSの読み込み 適用方法 キャプション オプション ダウンロードと設置 こちらからダウンロードして解凍します。 解凍後、css、jsディレクトリを任意の場所に設置します。 JavaScriptおよびCSSの読み込み 次のHTMLをhead要素内に記述します。 CSSファイルとJavaScriptファイルのパスは適宜変更してください。 HTML <link href="css/slimbox2.css" type="text/css" rel="stylesheet" m
![Slimbox 2 | Webサイト制作支援 | ShanaBrian Website](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b858bea6a098f079db2c84e97691f59bf5003a4/height=288;version=1;width=512/https%3A%2F%2Fshanabrian.com%2Fcommon%2Fimg%2Fog_logo.png)