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

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

スポンサーサイト

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

jQuery:スライドショー v3.1(機能追加)

2011年 05月30日 (月 )
前回作成したスライドショーに機能を追加しました。

追加した機能はプラグインとして使用する場合のプロパティの追加です。
追加したプロパティは
zoomWidth
zoomHeight
fadeSpeed
の3つです。

zoomWidth,zoomHeightはスライドする際に変化する画像のサイズで
fadeSpeedはフェードアウトするアニメーションのスピードです。

この3つのプロパティを変えることで結構色々なアニメーションを実行できます。
以下色々な例です。

i)
zoomWidth: 20
zoomHeight: 20
fadeSpeed: 500

ii)
zoomWidth: 0
zoomHeight: 100
fadeSpeed: 700

iii)
zoomWidth: 150
zoomHeight: 30
fadeSpeed: 600


こんな感じで色々なアニメーションを実行出来ます。

サンプルコードはこんな感じです。

コメント

コメントの投稿

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

トラックバック

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