Fork
0
Fav
2
View
4218
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 20 lines
  • HTML 8 lines
  • CSS 76 lines
よくある一定時間経過すると横スライドするやつ(カルーセルというらしい)です。
現在センターにある要素の前後の要素がちょっと見えているって言う仕様で、
Twitter bootstrapのカルーセルでは駄目だったので作りました。

最低4つの要素がある必要があります。
スライドして見えなくなった左側の要素を右側に移動させることで無限ループを実現しています。

左右の赤い部分は半透明になっています。
真ん中の画像だけしっかりと表示、左右は目立たないように半透明のフィルターをかけるという感じです。
  • 前後の要素がちょっと見えてるカルーセル
  • jQuery v1.10.1
  • 前後の要素がちょっと見えてるカルーセル

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

miyuki.hiro

Author

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by