[B! gallery][photo] designstalkerのブックマーク

[JS]Lightboxの進化形！クリックでもタップでも快適動作の画像を拡大表示させる超軽量スクリプト -Intense Images

サムネイル真ん中の風景写真は縦長 Intense Imagesの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 ※jQueryなど他のスクリプトは必要ありません。 <head> ... <script src='../intense.js'></script> </head> Step 2: HTML 画像は2種類の配置方法があります。 img要素はサムネイルと拡大時の画像を兼用し、data-image属性は拡大時に高解像度の画像を利用することができます。 <img src="./img/awesome-source.jpg" />  <div class="anything" data-image="./img/awesome-source.jpg" /> data-imageを使用する時は、サムネイルはCSSで背景画像として指定

designstalker 2014/07/08

リンク

並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌

Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。画像間の調整や背景色の調整等が行えるようです。デモページはこちらブラウザサイズを変更しても画像を再計算して表示しなおしてくれます。背景を黒にするとよりオシャレな感じです。関連エントリ異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」

designstalker 2011/09/05

リンク

軽量のイメージスライダー実装jQueryプラグイン「Orbit」:phpspot開発日誌

ZURB ? Interaction Design and Design Strategy 軽量のイメージスライダー実装jQueryプラグイン「Orbit」。わずか2.8KBというサイズでクールな動作をするイメージスライダーの実装が可能です。実装方法は必要なJS, CSSを読み込んだ後に、<div>の中に<img>タグを並べるだけです。title、altタグにキャプションを設定しておけば下に表示されます。実装が超簡単かつ軽量ということでいい感じです。関連エントリ Flickr風のイメージスライダーを作ってみよう JavaScript製の画像スライダー・ギャラリーいろいろクールに動作するスライダーを実現するJSライブラリ「Start/Stop Slider」

designstalker 2010/09/15

リンク

おそろしく高機能でフリーなFlashフォトギャラリーの決定版「dfGallery 2.0」 - GIGAZINE

AJAXによって複数の好きな画像を一気にアップロードし、それをフォトギャラリーとしてページに埋め込んで表示できるのがこの「dfGallery 2.0」。フルスクリーンモードにすることもでき、FlickrやPicasaのアルバムと連携可能で、カスタムテーマとマルチスキンによって見かけやレイアウトを大幅かつ自由に変更可能で、さらに管理用のコンソール画面、複数のギャラリーセットとアルバムのサポート、BGMの再生なども可能です。これだけ高機能であるにもかかわらずフリーでの利用（Apache License 2.0）が可能となっており、あらゆる局面で利用可能となっています。実際の動作デモやインストールとカスタム方法を解説したムービーの再生などは以下から。 dfGallery 2.0 - Free Flash Gallery | Dezinerfolio 上記ページからこの「dfGallery 2.