ビジネスマンの徹底パソコン奮闘サイト

お知らせ
2011-03-16: 目次を作成しました。
2010-09-17: Google Map 2 記事一覧を作成しました。
2010-07-03: Google Map 3 記事一覧を作成しました。

スポンサーサイト

--年 --月--日 (-- )
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

jQuery:スライドショー v1.0

2011年 05月14日 (土 )
jQueryでスライドショーを作成してみました。
中身は結構シンプルに出来てると思います。

動きはこんな感じです↓
テスト0テスト0テスト0テスト0
テスト1テスト1テスト1テスト1
テスト2テスト2テスト2テスト2

赤→緑→黄
と色が変わっていきます。

以下サンプルコードです。


slideshowのdivの中のdivが順番に切り替わる仕組みです。
divの中の物がくるくる変わるので、
画像でも文字でも多分なんでも大丈夫です。

javascript部分でちょっとした設定箇所といったら、
_loopSpeed
_fadeSpeed
の2つです。

_loopSpeedはループのスピードで
_fadeSpeedはフェードイン・フェードアウトのスピードです。
今は3000msecと2000msecに設定指定あります。

今回のはシンプルバージョンなので
少しずつ機能追加してきたいです。

コメント

コメントの投稿

  • URL
  • コメント
  • パスワード
  • 秘密
  • 管理者にだけ表示を許可する

トラックバック

トラックバックURL:http://pcrice.blog129.fc2.com/tb.php/142-5d6818ff
  ビジネスマンの徹底パソコン奮闘サイト  
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。