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

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

スポンサーサイト

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

jQuery:スライドショー v1.8.1(ボタンでスライドショー)

2011年 05月24日 (火 )
前回作成したスライドショーは
ボタンでの画像の切り替えは出来ましたが、
同じ画像の場合もアニメーションが実行されてしまうので、
ちょっと変な動きになってしまいました。

例えば
Aの画像が表示されているときにAのボタンを押すと
一度画像がフェードアウトされその後フェードインするという、
不要な処理が行われてしまいました。

今回の修正でその箇所を修正しました。
Aの画像が表示されている時にAのボタンを押した場合は
アニメーションを実行されないようにしました。
以下実行結果です。


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


91行目のif文に
&& (id != _count)
を追加して
選択したボタンと現在表示されている画像が一緒の場合は
アニメーションしないようにしました。

コメント

コメントの投稿

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

トラックバック

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