画像関連

【SimpleModal】クールなモーダルウィンドウを簡単に設置出来るjsライブラリ

シンプルな構成で軽量jsです。画像以外にもHTMLや動画の埋め込みも可能です。デモが８種類用意されています。

【Colorbox】Lightbox風のjQueryプラグイン

画像の他にも、WebページやHTML、AJAX表示やインラインコンテンツを表示させることができます。デザインのパターンが５種類用意されています。 IE6ではモーダルウィンドウ自体は表示されますが、背景画像が表示されない等 […]

【MOVING BOXES CONTENT】滑らかなアニメーションコンテンツのメニューjQueryプラグイン

インパクトあるページに合うメニューだと思います。使用用途が限られてくるかなとは思いますが、忘れられない1ページにはなりそうです。

【Supersized】背景画像を画面いっぱいでスライドショーさせるjQueryプラグイン

Supersizedは背景画像をブラウザの全画面に表示し、ブラウザのリサイズに合わせて画像もリサイズでき、しかもスライドショーとして再生できます。

【Nivo Lightbox】レスポンシブ対応のLightbox系jQueryプラグイン

フラットデザインでレスポンシブに対応したLightBoxが実装できます。画像の他にも動画やWebページを表示させることができます。

【Cycle】１枚の画像を次々と表示するjQueryプラグイン

スタマイズ性の高いプラグインで，動きが自然なトランジション効果を簡単に実装することができます。

【Nivo Slider】画像にかかるエフェクトが綺麗なイメージスライダーjQueryプラグイン

画像のエフェクトが可愛らしいので、Webサイトのメインビジュアル部分などに使えます。コンテンツスライダーではなくて、あくまでイメージスライダー。画像以外には使えないので注意してください。

【Wave Display Effect width jQuery】ずらりと波のように並んだ写真を順番に拡大するjQueryプラグイン

【Fancybox】動きがかわいい Lightbox 系jQueryプラグイン

Fancyboxのいいところは、ポップアップ時のエフェクトや、背景となるレイヤーの色を簡単に変更できます。

【Blindify】画像に垂直・水平方向のブラインド効果を入れたスライドショーを実装できるjQueryプラグイン

画像に垂直・水平方向のブラインド効果を入れた、ちょっと変わったスライドショーを実装することができます。普通のスライドショーとは違った雰囲気で、見る人に印象を与えてくれそうです。

【imagefill】画像サイズをレスポンシブ化させるjQueryプラグイン

画像サイズに従ってそのまま縮小するのではなく、画像の中央部部分を軸として幅や高さに合わせて表示します。※IE6,IE7でも動作自体はしますので、CSSの設定次第で使えそうです。

【CompareWYW】スライダーを使って2つの画像の表示切り替えを実装するjQueryプラグイン

このプラグインはjQueryだけでなくjQuery UIも必要になります。境目の動くスピード・縦横の選択・境目の動き（ドラッグかホバーか）の３つのオプションが用意されています。

【TwentyTwenty】2枚の画像を分かりやすく比較できるjQueryプラグイン

中央のバーをスライドして2枚の画像を切り替えて表示できるjQueryプラグインです。2枚の画像を比較する場合（ビフォーアフターの画像を掲載したい場合）に便利です。 オプションとして、2枚の写真（ビフォーアフター）の境目の […]

【diamonds.js】ダイヤモンドみたいな形のイメージギャラリーを作るjQueryプラグイン

diamonds.jsを使えば、ダイヤモンドのような菱形の形をしたイメージギャラリーを実現することができます。他とは違う、ちょっと変わったイメージギャラリーを探している方にオススメかも。ただ残念な事に、ＩＥには対応してい […]

【Albumize】アルバムみたいな画像ギャラリーを実装・管理するjQueryプラグイン

画像をアルバムのようなギャラリーに、管理・実装することができるjQueryプラグイン。画像をクリックするとそのアルバムグループのギャラリーページが上から降りてくる等、少し凝ったwebページの作成に役立つかもしれません。

【CircleList jQuery Plugin】円形リストを作成するjQueryプラグイン

ULで定義したリストを初期化するだけで次のように円形にアニメーションします。各アイテムはドラッグ＆ドロップで他の円リストに移動することが出来ます。

【tiltShift.js】ミニチュア風写真をCSS3で作るjQueryプラグイン

tiltShiftはミニチュア風写真をCSS3で実現するソフトウェアです。 少し前に風景をまるでミニチュアの写真のように加工するテクニックが流行りました。やり方も既に手順化されており、色々なカメラアプリでも楽しめます。そ […]

【Photobox】スマートフォンにも対応したレスポンシブギャラリーjQueryプラグイン

Photoboxはレスポンシブ対応のギャラリーソフトウェアです。数多くの写真を奇麗に見せたい時にスライドショー形式で見せるのは良いアイディアですね。

【watermark.js】指定した画像をウォーターマークにできるjQueryプラグイン

画像をダウンロードされて使われたくない時に、画像の上にロゴなどの指定の画像をうっすらと表示することができます。右クリックで表示してもダウンロードしても指定の画像をうっすらと表示されたままにできます。※Canvasを利用し […]

【INTERACTIVE PHOTO DESK】写真をランダムに散らばらせて配置させるjQueryプラグイン

写真を無造作にばらまいたように配置できます。 シャッフルしなおしたり一か所に集めて1枚ずつ見せていったり、ドラッグアンドドロップで移動させたりすることもできます。 ※ブラウザによって動きが違います。 　IEは画像が移動す […]

【ResponsiveSlides.js】レスポンシブ対応のスライドショーを実装するjQueryプラグイン

軽量でブラウザ対応もIE6~と幅広く対応しているjQueryプラグイン。シンプルなスライドショーなので多機能ではありませんが、軽量で設定が簡単です。

【RefineSlide】様々なエフェクトが利用できてレスポンシブデザインにも対応可能なイメージスライドjQueryプラグイン

【MASKEW】画像に歪んだ形のマスクをかけられるjQueryプラグイン

【jQuery Parallax】スクロールで格好よく変化するページを作る際に使えるjQueryプラグイン

スクロールによってコンテンツがダイナミックに変化していくのはとても格好よく、スタイリッシュです。

【BookBlock】絵本のようにページがめくれる操作ができるjQueryプラグイン

電子書籍を閲覧する際に欠かせないのがめくるようなフリップ操作です。 紙のようなめくりというよりは絵本のような厚めの紙をめくるような操作。 めくれ方が気持ちいいです。

【photoWall.js】Google画像検索風に写真を表示するjQueryプラグイン

Google画像検索風な画像表示を行えるjQueryプラグイン。

【jQuery.BlackAndWhite】カラー写真を白黒ににするjQueryプラグイン

写真は見せ方によって大きく印象が変わってきます。色を白黒に変化させるjQueryプラグインです。

【jQuery simple panorama viewer】シンプルな360度パノラマビューア

パノラマ画像をスクロールして360度表示するjQueryプラグイン。スクロール開始位置、スクロールスピード、スクロール方向(左右のみ)などの調整が可能です。 ※スマートフォンでの閲覧はできますが、ドラッグによる表示位置を […]

【Magnific Popup】レスポンシブ対応のjQuery Lightboxプラグイン

レスポンシブ対応のjQuery Lightboxプラグインです。Lightboxギャラリーとしても利用できます。 他にも、YouTubeなどの動画やGoogleマップ、フォーム、ダイアログ、などをポップアップ表示したり、 […]

【Superbox】レスポンシブ対応、Lightbox風のjQueryギャラリープラグイン

Lightboxから派生したレスポンシブ対応のjQueryギャラリープラグイン。画像をクリックするとアニメーションしながら画像を拡大表示します。 IE6,IE7でも動きますが若干レイアウトが崩れます。HTML,CSSの書 […]