« ハイライト付きナビゲーション | ホーム | メニューが追いかけてくる! »

2011年6月12日

読み込むだけのカルーセル

Amazonのオススメ商品にも使われているため、
カルーセルパネルのインターフェースは有名になってきました。
MobilySliderは、画像の横スライド、縦スライド、フェードなど、
引数を指定するだけで数種類の見せ方を切り替えられるすぐれもの。
初期設定は「init.js」から読み込ませるため、
デフォルト設定値のまま使うなら、jsファイルをHTMLファイルへ読み込ませるだけで準備完了。
後は指定されたdiv要素、class名を指定して、
使いたいモードになるよう引数を設定しましょう。

シンプルに ⇒ カルーセル
アニメーションで ⇒ スライドショー
フェード効果で ⇒ カルーセル

参考サイト ⇒ MobilySlider

トラックバック(0)

トラックバックURL: http://www.weblaboratory.jp/mt/mt-tb.cgi/91

コメントする

OpenID対応しています OpenIDについて

このブログ記事について

このページは、electronが2011年6月12日 13:20に書いたブログ記事です。

ひとつ前のブログ記事は「ハイライト付きナビゲーション」です。

次のブログ記事は「メニューが追いかけてくる!」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。