Category Archives: Javascript

Movable Type4の画像表示用に「highslide.js」の導入

今までこのブログでは画像の拡大表示に「Lightbox」を使っていたのですが、小粋空間様のJavascript(menufolder.js、ajaxCalendar.js、dayChecker.js)とぶつかってしまうようなので、「Highslide」に変更しました。

  1. Highslideの公式サイトからファイルセットをダウンロードします。(非商用サイトでは無料です)
  2. ブログのディレクトリの中に「highslide」というディレクトリを作り、その中に「highslide.js」をアップロードします。
  3. ダウンロードしたファイルセットの中のindex.htmlをブラウザで表示させると、いくつかの画像の表示パターン(白枠あり/なしなど)があるので、好きなのを選びます。

    私は「Drop shadow and no border, semi transparent close button」というのを選択しました。

  4. そのサンプルファイルである「example-no-border.html」のソースコードからCSS部分を別ファイルにし、「highslidenoborder2.css」という名前をつけて「highslide」ディレクトリにアップします。

続きを読む

iTunesのカバーフロー風写真ギャラリー

photoflow.jpg

 とっても簡単にカバーフローを実装できるスクリプトです。
 基本的に、上記のサイトからZIP Fileをダウンロードし、imgsフォルダーの写真とindex.html中の画像ファイル名を修正してアップロードすれば動きます。
 写真の鏡面反射は自動的にはつかないので、photoshopなどでつけるか、Image reflection generatorなどを利用すると良いと思います。

続きを読む