無限スクロールを実装するjQueryプラグインやスクリプト

infinitescroll

Webデザインのギャラリーサイトを見ていて、無限にスクロールするアニメーションを取り入れたWebサイトが多く見つかりました。
私自身もinfiniteslide.jsというjQueryプラグインを作成しましたが、他のプラグインやスクリプトについて調べてみました。

AD

jQueryプラグイン・スクリプト

slider.js

sliderjs

ラナデザインアソシエイツ様作のプラグインです。
豊富なオプションとどんな要素でもスクロールさせられるというのがとても便利です。

bxSlider

bxslider

スライダーでお馴染みのbxSliderですが、「ticker」というオプションにtrueを渡すと横方向への無限スクロールとなります。

LOOPSLIDER

loopslider

BlackFlag様作のスクリプトです。
実装部分のコードが比較的短いのでカスタマイズにも挑戦しやすいのではないかと思います。

infiniteslide.js

infiniteslide

私作です。
昔に作成したものなのでそろそろ見直したい。

開発終了:simplyScroll

simplyscroll

2008年にリリースされた老舗プラグインですが現在開発が終了しています。
最近作られたと思われるWebサイトでも使用事例は多いですが、作者が違うプラグインの使用を勧めているためその意向を尊重すべきでしょう。

無限スクロールを取り入れたWebサイトの事例

一定時間ごとに動くカルーセルがマンネリ化したせいか、採用実例も増えてきているように見えます。

AD

Share

Commentsコメント

メールアドレスは公開されません。コメントは必ずご入力ください。

HTMLタグは使用できません。ソースコードを書き込みたい場合はCodetterGistCodePenなどのご利用が便利です。

コメントはまだありません。