画像関連
【crossfade.js】スクロールで画像をクロスフェードで切り替えるjQueryプラグイン

http://mikefowler.me/crossfade.js/
Demo Page Download Page
Lisence

MITライセンス

※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。

Browser

01.Firefox02.Chrome03.Opera04.Safari08.InternetExplorer909.InternetExplorer10

Tag

スクロール

設置方法などの参考ページ

スクロールで画像がクロスフェードするCrossfade.js

http://ascii.jp/elem/000/000/906/906254/

スクロール量に応じて画像をクロスフェードで切り替えるプラグイン「Crossfade.js」。ページをスクロールすると写真がぼやけていくオシャレなトップページが作れます。

公開日：2014.10.17

Related Posts

http://www.ianlunn.co.uk/plugins/jquery-parallax/
【jQuery Parallax】スクロールで格好よく変化するページを作る際に使えるjQueryプラグイン
http://www.openstudio.fr/jquery.panorama/
【jQuery simple panorama viewer】シンプルな360度パノラマビューア
http://totodunet.github.io/endless/
【endless.js】無限スクロールを作るjQueryプラグイン
http://arbitrary-anchor.briangonzalez.org/
【arbitrary-anchor.js】スクロールするページ内リンクをid以外で指定できるjQueryプラグイン
http://lab.victorcoulon.fr/javascript/scrolly/
【scrolly】パララックスなスクロールを実装するjQueryプラグイン
http://www.infinite-scroll.com/
【Infinite Scroll 】無限スクロールを作るjQueryプラグイン
http://scrolldepth.parsnip.io/
【Scroll Depth】スクロールを解析できるようにするjQueryプラグイン
Curtain.js
【curtain.js】スクロールするとカーテンのように切り替わるjQueryプラグイン
http://plugins.compzets.com/animatescroll/
【AnimateScroll】面白いページ内スクロールを実装できるjQueryプラグイン
http://ignitersworld.com/lab/scrollmenu/
【ScrollMenu.js】スクロールバーとメニューバーが一体となった実用的jQueryプラグイン

Page Top