jQuery Cycle Plugin で画面毎にエフェクトを変更するサンプル

仕様

上記は、↓このような仕様で動くようにしています。

• 画像3枚が 1セットで、
• 5セット分用意し、
• 5セットをループで表示する。
• 1セット毎チェンジするエフェクトを Cycle Plugin で実装する。
  エフェクト順：fade→turnUp→slideY→toss→curtainY→先頭へ。
• 5秒で自動的にループする。
• [ || ]をクリックしたら自動ループを停止する。また、[ ＞ ]にアイコンを変更する。
• [ ＞ ]をクリックしたら自動ループを再開する。また、[ || ]にアイコンを変更する。
• 写真にマウスオーバーしたら、ちょっと白くする。
• 写真をクリックしたら、画面遷移する。
• NEW) ページナビゲーションをCSSで制御できるようにする。