Image Zoom 製品画像等のズームが非常に簡単に行えるjQueryプラグイン「Image Zoom」 <img>タグにsrcにサムネイル、data-*の形で拡大画像を指定して、後はプラグインで初期化するだけで超簡単に次のようなズーム機能が作れます。 ECサイトなどで実装すれば、製品画像を拡大できて便利ですね 実装は次のように超カンタン 関連エントリ マウスホバーだけの簡単操作で画像をズームできて便利な「jQuery Zoom」
Image Zoom 製品画像等のズームが非常に簡単に行えるjQueryプラグイン「Image Zoom」 <img>タグにsrcにサムネイル、data-*の形で拡大画像を指定して、後はプラグインで初期化するだけで超簡単に次のようなズーム機能が作れます。 ECサイトなどで実装すれば、製品画像を拡大できて便利ですね 実装は次のように超カンタン 関連エントリ マウスホバーだけの簡単操作で画像をズームできて便利な「jQuery Zoom」
Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表示しなおしてくれます。 背景を黒にするとよりオシャレな感じです。 関連エントリ 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」
ZURB ? Interaction Design and Design Strategy 軽量のイメージスライダー実装jQueryプラグイン「Orbit」。 わずか2.8KBというサイズでクールな動作をするイメージスライダーの実装が可能です。 実装方法は必要なJS, CSSを読み込んだ後に、<div>の中に<img>タグを並べるだけです。title、altタグにキャプションを設定しておけば下に表示されます。 実装が超簡単かつ軽量ということでいい感じです。 関連エントリ Flickr風のイメージスライダーを作ってみよう JavaScript製の画像スライダー・ギャラリーいろいろ クールに動作するスライダーを実現するJSライブラリ「Start/Stop Slider」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く