Image Popper

SeeKeR5084

License: MIT License

Fork
0
Fav
0
View
2343
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 286 lines
  • HTML 26 lines
  • CSS 53 lines
Image Zoomerから半年、気持ちを改めてコーディング。Image Popper!

・bodyTagに<body />の位置を定義。
・リンクOLDはImageZoomer(旧作)です。
・accの値を変化させると、飛び出すスピードが変わる。
・overlayColorにオーバーレイの色(背景色)をCSSで定義。
・applyAreaに、飛び出させたい画像を含んでいる親要素を定義。
・<img />にid="invisible"で飛び出さなくなります(この場合普通のリンクになる)。


要は、"画像へのリンクが貼ってある画像をクリックすると、そいつがdocumentから飛び出す"スクリプト。
  • Image Popper
  • Image Popper

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

SeeKeR5084

Author

URLはウェブログ"The Strange Storage"です。 私の脳内記憶専用の外部ストレージとして使用しています。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags