[JS]画像だけでなく、テキストなども拡大表示できるスクリプト -AnythingZoomer

画像の拡大だけでなく、デバイスのテキストなども拡大表示できるスクリプトをCSS-Trickから紹介します。

デモのキャプチャ

AnythingZoomer
demo

デモでは画像やテキスト以外にも、テーブルで実装したカレンダーの拡大デモもあります。

デモのキャプチャ

demo: calendar

仕組みは、通常表示用の画像・テキストとは別に、拡大表示用の画像・テキストを用意し、それをクリップして表示しています。
そのためデータが二重に実装するのが弱点です。

AnythingZoomerはjQueryのプラグインのため、実装にはjquery.jsが必要です。

sponsors

top of page

©2018 coliss