デザイン

デザイン

【Jqueryのイメージギャラリー15選!】すぐに実装できる素材集

10,820 views

読了時間 : 約2分22秒

デザインワークを効率よく行ううえで、簡単にカスタマイズできるフリー素材集は必要不可欠なアイテムといえます。便利なギャラリーをいくつも知っているのに越したことはないでしょう。

本記事では、Jqueryを利用して簡単に実装できる素材が豊富に提供されている、デザイナー必見のギャラリー15サイトを紹介します(一部は有料です)。

 

1.Blueimp Gallery(Free)

blueimp

カスタマイズ可能でレスポンシブルのデザインで、ビデオコンテンツにも対応しています。モバイルやラップトップのブラウザー向けに最適化。

 

2.Flex Images(Free)

Fleximages

非常に軽いjqueryプラグインでFlickrやGoogleイメージのような流動的なギャラリーを作成することが出来ます。

 

3.Photopile JS(Free)

photopile

このプラグインは、クリックすることによって画像拡大出来たり、画像をドラッグすれば他の場所に移動できるような作りになっています。

 

4.Amazing Slider(Free)

amazingslider

25のスライダーテンプレートを提供してくれます。手軽に実装できるスライダーのバラエティーをお望みの方には最適です。

 

5.Jssor(Free)

jssor

非常に人気の高いスライドショーを実装できるプラグインで、表示オプションも多数備えている有能なスライダーです。

 

6.Product Builder(Free)

product_builder

レスポンシブルでカスタマイズも自由なオンラインショッピングカートを実装できるギャラリー。

 

7.Boostrap Portfolio And Lightbox($13)

Bootstrap-Portfolio

商品のショーケースを作るのに最適。Youtubeのビデオコンテンツもサポートしており、Buy HereのCTAボタンも実装できる。

 

8.Rotate Gallery($11)

Rotate-Gallery

ユニークで効果的なポートフォリオを作り上げます。多彩なコンフィグレーションを調整すれば、思い通りなギャラリーを作成できます。

 

9.Quick Slider($9)

Quick_slider

名前のとおり、画像を手間暇かけず簡単に整理できます。ギャラリーやスライダーを瞬時に実装したい方には、おすすめです。

 

10.Immersive Zoom($14)

zoom_out

フルスクリーンのイメージギャラリーで、マウスをロールすればズームイン、ズームアウトの操作が可能です。

 

11.Responsive Bootstrap Carousel($10)

Responsive-Bootstrap-Carousel

異なったタイプのサムネイルギャラリーやアニメーション、ビデオフォームをパッケージで提供するプラグインです。

 

12.Sideways(Free)

sideways-image-jquery-gallery

CSS3スタイルでイメージギャラリーを作成できる。レスポンシブルデザインでフルスクリーン機能も実装する優れもの。

 

13.Unite Gallery(Free)

Unite-Gallery-jQuery-plugin

モダンな雰囲気のギャラリーを作成できます。モジュラーデザインとなっており最低限の労力でカスタマイズもできます。

 

14.Polaroid gallery(Free)

Scattered-Polaroids-Gallery-jQuery-slider

ランダムに画像アイテムを表示させるのに有効。インタラクティブなアニメーションで、画面を有効に使えるデザイン。

 

15.Galleria(Free)

Galleria-JavaScript-Image-Gallery

JavaScriptで実装するイメージギャラリー。シンプルな手順でイメージギャラリーを実装できるます。プログラムが苦手でも、数行のコードで実装できるので、初心者にもおすすめです。

 

いかがでしたでしょうか。以上に紹介したもののなかには、2016年内に造られた最新のギャラリーも含まれています。ぜひ本記事をうまく活用し、次のプロジェクトにおけるデザインワークに役立ててください。

 

(※本記事は、15 Amazing Jquery Image Gallery Collectionを翻訳・再構成したものです)

【コンビニでも使える!メルペイ初回利用1000円分招待コード】

当サイト限定招待コード:CMUTDF

 
・利用可能店舗:メルカリ、コンビニ、ドラッグストア等
・金額:1000円分
※さらにメルペイスマート払で2000円分ポイント!
 友達招待でお互いに1000円分ポイント!2人以上招待でUSJ貸し切りイベントに抽選招待も!

メルカリ-フリマアプリ&スマホ決済メルペイ

メルカリ-フリマアプリ&スマホ決済メルペイ

無料

 

ピックアップ! さらに今このキャンペーン中です↓

期間中の金・土限定でd払い利用で最大20%のdポイント還元中!
■エントリー期間:2020/2/29(土)23:59 まで
■キャンペーン期間:2020/2/24/(月)23:59 まで

 

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

【Uber taxi初回利用2000円オフクーポン】
JP20gd6nv7

 

以下のリンクから『プロモーション コードを追加する』で「JP20gd6nv7」を入れてください。初回利用が2000円オフになります!
※プロモコードは日本国内でのみ利用可能

 

2000円オフで登録» »当サイト限定の初回利用2000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

Uber

Uber

 

 

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

【UberEats初回1000円オフクーポン】
ins6je2v

 

対象店舗:マック、ガスト、スタバ、ピザハット、松屋 等
※1000円分無料で頼めます。〇〇円以上とかもナシ!完全無料でお試しOK
割引額:1000円引き

 

1000円オフで登録» »当サイト限定の初回利用1000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

Uber Eats: 地元で人気の料理をお届け

Uber Eats: 地元で人気の料理をお届け

無料

 

おすすめ新着記事

おすすめタグ