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にて、フルFlashサイトのように画面サイズによって背景画像の大きさを自動的に拡大・縮小させる方法があれば教えてください。 CSSにて、フルFlashサイトのように画面サイズによって背景画像の大きさを自動的に拡大・縮小させる方法があれば教えてください。 フルFlashサイトの例として、FRANCK MULLER(http://www.franckmuller-japan.com/)を挙げますが、 画面全体に背景画像が広がり、画面サイズ(またはウインドウサイズ)が変わると、 それに合わせて背景画像も拡大・縮小するサイトがあります。 これは、CSSでも可能なのでしょうか?? 背景サイズを指定することはできませんよね? 大きめの画像を中央に置いて、背景色を同色にして誤魔化すという方法があるかなと思いますが、 やっぱりなんとか一番最適で賢い妥協案がないかなと思考錯誤中です。 やはりフルFla
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ページを開く