category
サイト構築 -JavaScript

[JS]画像切り替えやパネル表示にフェードを使ったスライドショーのスクリプト -Fade-in slideshow

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

画像の切り替えやパネルの表示にフェード効果を使用したスライドショーのスクリプトをDynamic Driveから紹介します。

デモのキャプチャ

Ultimate Fade-in slideshow
demo

デモでは、スライドショーの再生方法やパネルの表示方法を組み合わせた4つのサンプルが楽しめます。

デモのキャプチャ

自動再生対応のスライドショー

デモのキャプチャ

パネルの表示・非表示ができるスライドショー

デモのキャプチャ

マウスオーバーでパネル表示、画像のリンクにも対応したスライドショー

デモのキャプチャ

再生やパネル表示を手動で行うスライドショー

Fade-in slideshowはjQueryのプラグインのため、実装にはjquery.jsが必要です。
対応ブラウザは、IE6+, Fx1+, Op9+とのことです。

Post on:2009年9月18日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

ページの先頭へ




© coliss

RSS