Fork
1
Fav
1
View
2707
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 242 lines
  • HTML 24 lines
  • CSS 188 lines
タイマーで次へ次へと表示領域が更新されるカルーセル

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

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

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


[WEBサイト]
http://oredon.guitarkouza.net/

[twitter]
https://twitter.com/oredon_taisuke

:::::::::::::::::

[HTML5 で3Dゲーム作りました]
http://is.guitarkouza.net/

:::::::::::::::::

[HTML5 で2Dゲーム作りました]
http://oredon.guitarkouza.net/

:::::::::::::::::
  • [jQuery] swipeやドラッグで要素をカルーセル
  • jQuery v1.11.0
  • [jQuery] swipeやドラッグで要素をカルーセル

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

oredon

Author

得意領域はUIエンハンス系です。 最近はCanvas周りを重点的に学習しています。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by