カールおじさんやニモの画像でスライドショーのデモが見れるNivo Slider
スライスした画像をパラパラめくってチェンジする効果、インパクトありますよね。

今回、リニューアル中のサイトに使わせて頂いただきました。

jQueryやWordPressのプラグインとして動作します。
Nivo Slider ダウンロード

HTML5 head内に以下を追加

(ソースや画像ファイルのパスは適宜変更してください。)

JavaScriptの追加

(</body>の前に追加しました。)

画像を読み込む

$(‘#slider’).nivoSlider()のsliderと<div id=”slider”>のsliderを一緒にします。
テーマを変更したい時はtheme-defaulttheme-barなどとすれば変更できます。
(head内でcssファイルを読み込むのも忘れずに。)

オプションのデフォルト値(jquery.nivo.slider.js 637行目辺り)

アニメーションの種類(jquery.nivo.slider.js 350行目辺り)

  • sliceDownRight
  • sliceDownLeft
  • sliceUpRight
  • sliceUpLeft
  • sliceUpDown
  • sliceUpDownLeft
  • fold
  • fade
  • boxRandom
  • boxRain
  • boxRainReverse
  • boxRainGrow
  • boxRainGrowReverse

ライセンスはMIT licenseです。


こういうブログもありました。

人気のあるブログ: