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」
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
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
何度か同じ質問にお答えしたことがあるのですが、主流なブラウザ全てでCSSを使ってできるようになるのはもう少し先ですね。 現在策定中のCSS3では、background-sizeという背景画像に関するプロパティがあり、このプロパティを使うと背景画像のサイズを拡大縮小することができるようになります。 CSS Backgrounds and Borders Module Level 3 http://www.w3.org/TR/css3-background/#the-background-size 現在ではOperaとSafari、Chromeが先行実装していますので、すぐにこのプロパティを試すこともできます。 ------------ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>てすと</title> <style ty
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く