[JS]ドラッグで移動も可能な画像を拡大するスクリプト -zoomy.js

CSS REVOLTから、画像を拡大し、ドラッグで移動も可能なスクリプト「zoomy.js」を紹介します。

デモのキャプチャ

移動時は透明になります
zoomy.js

デモでは、シンプルな画像を拡大するだけのものと、キャプション・クローズボタン付きで拡大時にドラッグが可能なものがあります。
移動時は上のキャプチャのように透明になります。

zoomy.jsはPrototypeのプラグインのため、動作にはPrototypeScriptaculous(effect.js, dragdrop.js)が必要です。

sponsors

top of page

©2024 coliss