回転扉風ギャラリー

nipx

License: MIT License

Fork
2
Fav
7
View
11888
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 146 lines
  • HTML 46 lines
  • CSS 134 lines
jsdo.itに初投稿です♥
試してみたかった。wonderflも思ったけどブラウザでコード書けるって凄い!



美女の写真(テンションアップ用!)は
http://www.nairegift.com/freephoto/
経由でflickrからお借りしました。



transformを使った回転扉風のギャラリーです。

jsdo.itのプレビューでフルスクリーンにする時はヘッダ消してね。じゃないとボタン見えないよ。

古いブラウザだと動きません!

iPhone/iPadでもそれなりに動くかも。

それなりにチェックしたつもりだけどバグあったらスミマセン。

IE10で回転した時の軌跡が残っちゃうのはどうすれば??

transformの回転系アニメーションの時は角度の指定にラジアン使う方がよいかも。

degreeでやったらブラウザによって右回りだったり左回りだったり...
  • 回転扉風ギャラリー
  • Backbone.js v0.9.10
  • Underscore.js v1.4.3
  • jQuery v1.9.0
  • 回転扉風ギャラリー

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

nipx

Author

中野でウェブを作ってます。 アイコン画像は仕事の没案を折角だから使ってます。 3割増しの自画像です。

ブログはこちらです。 http://blog.nipx.jp

Twitterはあまり使ってません...。 facebookはお気軽に登録してくださいね。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by