フロントエンド開発Blog

オレには鈍器がある

JavaScript , UI , carousel , flick , jQuery , swipe

タイマーで次へ次へと表示領域が更新されるカルーセル

特徴:
・マウス、タッチ両対応
・ループ処理
・サムネイルと連動

http://jsdo.it/oredon/d5Kg

概要:
ループ処理のため、先頭画像と最後尾画像をそれぞれ前後にクローンしています。
プラグイン化、オプション値精査などは必要ですがひとまず
どんなロジックでカルーセルが動くのか確認のために作ってみました。

確認済み端末:
(PC)
・IE9
・Firefox
・Google Chrome
(タブレット、SP)
・ios 6~7 safari

ページトップへ

関連ページ

ページトップへ