MooRevolverとは?

MooRevolverは画像やテキストを回転木馬のように回転させて、表示するライブラリです。似たようなライブラリとしてはjCarousel Liteがありますが、MooRevolverの方がくるくると回転しているように表示されます。MooRevolverはAjaxライブラリの1つであるMooToolsを利用しているため使用する際にはMooToolsライブラリが必要になります。

MooRevolverはこのURLにあるページからダウンロードすることができます。

MooRevolver公式サイト

ページの一番下にライブラリへのリンクがあります。1つはCSSファイルで、もう1つがMooRevolverのスクリプトファイルです。それぞれのリンク先にあるファイルをダウンロードします。

ページの一番下に下りるとダウンロードのリンクがある

これを保存する

また、MooRevolverだけでなくMooToolsライブラリも必要になります。MooToolsライブラリはこのURLから最新版をダウンロードすることができます。

MooToolsライブラリ公式サイト

ここからダウンロードする

必要な機能だけを選択してダウンロードできる。分からない場合は全ての項目にチェックを入れてページ下のDownloadボタンをクリックする。

MooToolsをダウンロードするとmootools-release-1.11.jsのようなバージョン記述のファイル名になります。ここでは、このファイル名を変更しmootools.jsとして使用しています。また、説明するサンプルでは以下の図のようなフォルダ構成になっています。

本稿での構成図