最近いろいろなサイトでみかける画像を ページの前面で表示するやつ。 コレ↓（クリックしてみてください） Lightbox2というJavascript、導入が難しいのかなと思ったら以外に簡単。 まずダウンロードして解凍 解凍後ファイルを任意のディレクトリにアップロード （例：/js/lightbox/に解凍したjs,css,imageフォルダをアップロード） 使用するページのヘッダーに以下のコード記述 <script type="text/javascript" src="/js/lightbox/js/prototype.js"></script> <script type="text/javascript" src="/js/lightbox/js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="/js/lightbox/js/lightbox.js"></script> <link rel="stylesheet" href="/js/lightbox/css/lightbox.css" type="text/css" media="screen" /> lightbox.js内のアイコン画像のパスを変更 fileLoadingImage: ‘/include/js/lightbox/images/loading.gif’, fileBottomNavCloseImage: ‘/include/js/lightbox/images/closelabel.gif’, light.css内のアイコン画像パスを変更 #prevLink:hover, #prevLink:visited:hover { background: url(/js/lightbox/images/prevlabel.gif) left 15% no-repeat; } … Continue reading →
