[JS]簡単に画像のプレビューを設置できる超軽量スクリプト -imgPreview

HTMLの構造はそのまま変更なく、idやclassを指定するだけで簡単に画像のプレビューを設置できるスクリプトをJames Padolseyから紹介します。

デモのキャプチャ

imgPreview
demo

デモでは、テキストのリンクに記述された画像をAJAXにて表示し、アンカーのホットスポット上でマウスに追随します。

スクリプトのオプションでは、リンク元のテキストの不透明度、プレビュー画像のサイズ、プレビュー画像の不透明度とスピードなどが調整できます。

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

sponsors

top of page

©2018 coliss