クロスフェードで画像を切り替えスライドショー

2011/05/03 2021/02/16

【パソコン】［jQuery］ 0

jQuery

CMや行楽地の記事で､画像を切り替えスライドして紹介する際､
これまでは､一部､IE独自のFilter機能を使用していた為､
FirefoxやChromeでは上手く表示出来ていませんでした｡

今回､jQuery の innerfade を使用し､
「クロスフェードで画像を切り替え」る方法に変更致しました｡

参考サイト：クロスフェードで画像やテキストを切り替えスライドショー
　　　　　　クロスフェードで切り替わる画像（URL）を簡単実装
　　　　　　画像をフェードインさせるスライドショーを作ってみた

「画像をフェードし､残像を残しながら自動切替する方法」は以前にも､
取り上げていましたが､今回は､スライドする画像を読み込んだ後､
表示枠を表示するようにしました｡
その為､画像を表示するまでに若干､時間を要します...
以前の記事も一部書き換え［稲沢 あじさいまつり］［大賀ハスまつり］

最近の使用例：知多観光農園花ひろば

関連記事

• FC2で Lightpop　 2011/10/22
• 画像の拡大縮小 2010/10/13
• 「My Recommend」 コーナー改良 2011/05/21
• 画像を自動ドアのようにスライドさせる 2011/05/20
• jQuery で ニューススティッカー 2009/07/11
• ページ内をスムーズにスクロール 2009/09/25
• クロスフェードで画像を切り替えスライドショー 2011/05/03
• ［ crossSlide ] 設置例 2009/06/18
• jQueryを使った記事の開閉 2011/07/18

コメント歓迎!! 0