Movable Type4の画像表示用に「highlight.js」の導入
今までこのブログでは画像の拡大表示に「Lightbox」を使っていたのですが、小粋空間様のJavascript（menufolder.js、ajaxCalendar.js、dayChecker.js）とぶつかってしまうようなので、「Highslide」に変更しました。
- Highslideの公式サイトからファイルセットをダウンロードします。（非商用サイトでは無料です）
- ブログのディレクトリの中に「highslide」というディレクトリを作り、その中に「highslide.js」をアップロードします。
- ダウンロードしたファイルセットの中のindex.htmlをブラウザで表示させると、いくつかの画像の表示パターン（白枠あり／なしなど）があるので、好きなのを選びます。
私は「Drop shadow and no border, semi transparent close button」というのを選択しました。 - そのサンプルファイルである「example-no-border.html」のソースコードからCSS部分を別ファイルにし、「highslidenoborder2.css」という名前をつけて「highslide」ディレクトリにアップします。
2008年8月25日 |
固定リンク
|
カテゴリー : Javascript, Movable Type
|
コメント [0]
|
トラックバック [0]
|
Main|
↑ページトップ|
