美しすぎるスライドショー!?jQueryプラグイン Nivo Slider

calendar

reload

「美しすぎる○○」が世間をにぎわせていますが、「美しすぎる」といっても過言ではないスライドショー、それが『Nivo Slider』です。
HTMLを少しでもかじった事のある方なら、驚く程簡単にサクっと設置できますよ。

デモ

demo
どうですか?なんか良い感じでしょう?

使い方

1、ダウンロード

まずは、jQueryとjQueryプラグインをダウンロードします。
jQuery
Nivo Slider公式ページ

2.javascriptとCSSを読込む

3.Javascriptを実装する

エフェクト(effect)は下記より指定できます。
・sliceDown
・sliceDownLeft
・sliceUp
・sliceUpLeft
・sliceUpDown
・sliceUpDownLeft
・fold
・fade
・random
・slideInRight
・slideInLeft

4.HTMLを実装する

HTMLは超簡単。画像をただただ並べるだけ。
画像にtitleを指定するだけで、キャプションを付ける事もできます。

5.カスタマイズ

読込んだ[themes/default/default.css]などに追記・修正する事で、次へボタンのカスタマイズができます。
それについては,色々自分で試してみてください。

参考にさせて頂いた記事

Nivo Sliderで多彩なスライドショー
Nivo Sliderの使い方とサンプル