ECサイトで使えそうな画像のレンズズームを超簡単に実装できるjQueryプラグイン「Lens Zoom」:phpspot開発日誌
ECサイトで使えそうな画像のレンズズームを超簡単に実装できるjQueryプラグイン「Lens Zoom」 2011年06月23日- A jQuery plug-in for Lens Effect Image Zooming ECサイトで使えそうな画像のレンズズームを超簡単に実装できるjQueryプラグイン「Lens Zoom」。 次のように、画像の特定部分の円形のみをズームするようなUIが簡単に作れちゃいます。 ECサイトなどで商品を拡大するように実装されていたらお客さんに喜んでもらえるかも。 レンズの大きさもピクセル指定で自由自在です。 白黒写真がレンズを入れることでカラーになるみたいな効果も。 レンズの色やサイズも選べます。 実装の容易さも素晴らしくて、.imageLensで初期化するだけです。 関連エントリ タイマーを作る際に便利なjQueryプラグイン「jQuery Timer」
画像の好きなとこを拡大させられるjQueryプラグイン「ax-zoomer」
twitter facebook hatena google pocket jQueryで画像の特定部分を拡大させるプラグインは多々ありますが、今回紹介するax-zoomerはシンプルかつマウスホイール対応となかなか便利なものです。 sponsors 使用方法 ax-zoomerからaxzoomer.jsをMouse Wheel Extensionからjquery.mousewheel.js、そしてjQueryからjquery.jsもダウンロードしましょう。 <script src="jquery-1.5.1.min.js" type="text/javascript"></script> <script src="jquery.mousewheel.js" type="text/javascript"></script> <script src="axzoomer.js" type="t
なんでも拡大しちゃうjQueryプラグイン「Zoomooz.js」
twitter facebook hatena google pocket これわりと使いようによっては面白くなりそうなjQueryプラグインです。 Zoomooz.jsは指定要素をクリックしたら拡大表示してくれます。 ステップなどで利用すると良さそうです。 sponsors 使用方法 Zoomooz.jsからファイル一式をダウンロードします。 <link rel="stylesheet" href="zoomooz.css" type="text/css" /> <script type="text/javascript" src="sylvester.js"></script> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jq
stu nicholls | CSS PLaY | 100% wide/high 'background' image emulation
CSS play's Background Image v1 The background image is always 100% x 100% (body size). But it only works with a 100% x 100% html/body. See Version 2 which uses CSS3 for non-IE browsers Back to the Home Page and hundreds more demos ALICE'S ADVENTURES IN WONDERLAND by Lewis Carroll THE MILLENNIUM FULCRUM EDITION 3.0 CHAPTER I Down the Rabbit-Hole Alice was beginning to get very tired of sitting by h
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.amazingthings.in/2011/06/jquery-plug-in-for-lens-effect-image.html
