Articles

Top 50 jQuery Gallery & Image Sliders for 2020

On 11月 27, 2021 by admin

最高のギャラリーは通常jQueryで作成されるので、主にjQueryタイプのスライダーを取り上げましたが、シンプルなCSSギャラリーも少しあります。 このコレクションは、5つの主要なカテゴリに整理されているので、簡単にお好みのセクションに切り替えることができます。

我々は、あなたが楽しめる、かなりの数の無料品質の画像ソリューションを発見しました。 もちろん、プレミアム リソースにも、私たちを圧倒するようなギャラリーがいくつかありました。

目次

• jQuery Image Slideshows
• jQuery Image Galleries
• jQuery Image Sliders
• jQuery Portfolio, News and Tour Sliders
• CSS Based Galleries

ただコレクションを見て、ニーズに合った最適なイメージソリューションを見つけてください。 それは個人的なプロジェクトである場合、確かにあなたはどんなお金を費やすしたくないでしょう。 しかし一方で、それがフリーランスの仕事であれば、クライアントに本当にインパクトを残し、同時に多くの時間を節約するために、少しお金を使う価値があるかもしれません！

私が提案したいことは、無料のソリューションを修正、インストール、または設定するためにどれくらいの時間がかかるかを常に確認することだと思います。 もし、それほど熟練していない場合や時間がかかる場合は、既製のコードや安価で高品質なツールに目を向けてみてください。 通常、スライドショーは、最もファッショナブルな方法で最も重要な部分を提示するために、ウェブサイトのトップで使用されます。

AviaSlider

AviaSlider は非常に柔軟で使いやすい画像スライドショー プラグインで、jQuery で構築されています。 基本的なトランジションだけでなく、他では見たことのない本当にユニークなトランジションのセットを持っています。

これは、画像がロードされ、提示する準備ができたときにのみスライダーが動作を開始するように、画像プリローダーを備えています。

どのように動作するかを見るには、デモ プレビューをご覧ください。

Jssorr (Free)

Jssor Slider はタッチ スワイプ画像スライドショーで、360+ JavaScript スライドショー エフェクトを備えています。 Jssor Sliderをタッチすると、アニメーションがフリーズし、指の動く方向にスライドをスワイプします。

360以上のエフェクトがあり、ここですべてを確認することができます。

S3Slider (Free)

S3Slider は3種類の機能と表示面を持つjQueryスライドショーです。 スライダーの大きさを簡単に調整でき、変化速度を遅らせることができます。

Camera Slideshow (Free)

Camera slideshow は jQuery プラグインで、WordPress プラグインとしても使用可能です。

組み込みのテーマが 33 個付属していますが、slideshow には CSS ファイルが含まれており、好きな部分をカスタマイズすることができるので、クリエイティブにもなれます。 1 つの欠点は、このスライドショーが Diapo というプロジェクトに基づいていることで、これはもうサポートされていません。 しかし、それでも、すべての主要なブラウザでテストされています。

Sequence JS (無料)

Sequence JS は CSS フレームワークに基づいた JavaScript スライドショーです。 スライダー、バナー、プレゼンテーション、およびその他のステップベースのアプリケーションを作成するために使用されることを意図しています。 また、カスタムメイドのテーマを単純に注文することもできます。 しかし、私が見たところ、本当に無料版で必要なものはすべて手に入りますし、利用可能な無料テーマもかなりあります。

jQuery Banner Rotator / Slideshow

これは複数の遷移を特徴とする jQuery バナー ローテーター プラグインです。 サムネイルとボタンで、バナー/広告のナビゲーションが簡単にできます。 6090>

Slide JS（無料）

Slide JSは、レスポンシブ対応、タッチサポート、簡単設定、CSS3トランジションを備えたjQueryプラグインです。 Web サイトの開始ページとして表示されるのが素晴らしく、しかも無料です。 6090>

Slideshow 2 (無料)

Slideshow 2 は Mootools 1.2 の JavaScript クラスで、ウェブサイト上の画像の表示をストリームしアニメートするものです。 全機能リストについては、同社の Web サイトを参照してください。

JavaScript TinySlideshow (Free)

この動的な JavaScript スライドショーは、軽量 (5kb) で無料の画像ギャラリー/スライドショー スクリプトです。 とても軽量なので、このコレクションに入れたかったのです。 ここをクリックして、このスライドショーをダウンロードし、ライブプレビューを参照してください。

jQuery Image Galleries

このセクションでは、イメージギャラリーを見つける。 これらは、ポートフォリオに最適ですが、ブログでも使用できます。

Galleria

Galleria は JavaScript のイメージ ギャラリーです。 美しい画像ギャラリーを作成するためのプロセスを簡素化するように構築されています。 プログラミングの専門家でなくても使用できます。 わずか数行のコードで、いくつかの画像を追加して完了です。

Galleria には多くの素晴らしいツールがあります。

ただし、Galleria の他のデザインを入手したい場合は、有料になります。 これらのテーマは、9ドルから29ドルの価格帯です。

Sideways

Sideways Image Gallery は、CSS3 スタイルを追加した、jQuery プラグインです。 このギャラリーは、レスポンシブで、異なるモードとカスタムスクロールバーでフルスクリーン画像を備えています。 これは、モダンで目を引く画像ギャラリーです。

それは本当に彼らの作品に正しい信用を与えることができるので、これは、写真ポートフォリオショーケースに最も適しています。

Visual Lightbox

VisualLightBox は、Web フォト ギャラリーを簡単に生成できる、無料のウィザード jQuery プログラムです。 これは、有名な LightBox2 スクリプトに基づいています。 数回クリックするだけで、一行のコードも書かずに、息をのむようなギャラリーを作成できます。

その Web サイトでは、さまざまな目的に使用できる多くのテンプレートを提供しています。 旅行代理店、冒険ブログ、および作品ポートフォリオ サイトに最適です。

TripTracker

The TripTracker スライドショーは、アニメーションのスライドショー機能を備えた軽量の JavaScript 画像ビューアーです。 これは、説明されているとおりのことを行います。 余分なオプションはなく、シンプルなフォト ビューアです。

試すにはここをクリックしてください。

NoobSlide

NoobSlide には MooTools を使って画像を見るための 8 種類の例があります。 残念ながらドキュメントはありませんが、とても使いやすいギャラリーで、チェックしてみる価値があります。

PrettyPhoto

Pretty Photo は jQuery Lightbox クローンです。 オリジナルの Lightbox に非常によく似ていますが、いくつかの機能が追加されており、ドキュメントも充実しています。 設定は簡単で、非常に柔軟です。

このプラグインは、動画、Ajax、および iframe をサポートします。 それは、単一の写真やギャラリーに使用することができます。 ギャラリーはまた、混合コンテンツを持つことができます。

デモとダウンロードについては、ここをご覧ください。

Unite Gallery

Unite Galleryは、jQueryを使用した現代風のギャラリーです。 カスタマイズを考慮したモジュール設計になっています。 また、簡単に独自のテーマを作成することができます。

このギャラリーは、完全に応答性があります。 9 種類のスキンを提供し、完全に文書化されています。 WordPress、Drupal、PrestaShop、OpenCart、Joomla用にダウンロードできます。

このギャラリーは、写真のショーケースやレストランのメニューに適しています。 MITライセンスで公開されているため、無料で使用できます。

Auto Generating Gallery

Auto Generating Gallery は、実際にあなたのために写真を撮るわけではありませんが、同じようにかなりスマートです。 このギャラリーは、サムネイルを作成することもありません。 このギャラリーは、あなたのイメージのディレクトリから動的に構築されます。 ですから、新しい写真を追加したいときは、新しい写真とサムネイルをディレクトリにドロップするだけで完了します。 写真の削除は、イメージディレクトリから写真を削除するだけです。 このギャラリーは、ウェブウィザードリーにPHPを使用しています。 6090>

HighSlide JS

Highslide JS はオープン ソースの JavaScript ソフトウェアで、ポップアップ ウィンドウに Web 2.0 的なアプローチを提供します。 これは、Web ページでのサムネイル画像と HTML ポップアップの使用を合理化します。

その機能のライブ プレビューはこちらでご覧になれます。

Flat-styled Polaroid gallery

Polaroid gallery は jQuery プラグインとして利用できます。 Polaroid Gallery の強みは、レスポンシブおよびフラット デザインを念頭に置いて設計されていることです。 Polaroid Gallery は、必要に応じて、シャッフル遷移やコンテンツ ホルダーも提供します。 画像は反転して背面も表示できます。

このギャラリーは、最後の冒険を披露したい旅行者やブロガーにとって良い選択です。

jQuery Image Sliders

このセクションでは、プレミアムと無料の両方のすべての最高の、最も美しいスライダーに専念しています。 それらはスライドショーと同様の仕事をしますが、コンテンツホルダーを強調することができます。

Touch Enabled RoyalSlider

Royal Slider は jQuery イメージギャラリーなどです。 このスライダーは、画像スライダー、スライドショー、HTML コンテンツ スライダー、ギャラリー、バナー ローテーター、ビデオ ギャラリー カルーセル、または単にプレゼンテーションとして使用することができます。 オプションは無限大です。 このフル機能のスライダーは、WordPress プラグインとしても利用できます。

これは、内蔵のアニメーション キャプション、モバイル デバイス用のタッチをサポートし、完全に応答性があります。 これは、jQuery 画像スライダーの必需品です。 ライブ プレビューはこちら。

LayerSlider

LayerSlider は、美しい画像ギャラリー、コンテンツ スライダー、信じられないほどの効果を持つスライドショーを作成できるプレミアムな WordPress プラグインです。 また、200 以上の 2D および 3D スライド遷移と 3 種類のナビゲーションがあります。 LayerSlider はまた、モバイルデバイスと複数のレイアウトをサポートしています。

画像、テキスト、カスタム HTML、YouTube ビデオ、Vimeo ビデオから HTML5 セルフホスト型マルチメディア コンテンツまで、あらゆるコンテンツを追加することができます。

検索エンジンがインデックスしやすいカスタム属性でセマンティックマークアップを構築できるため、SEO対策にもなります。

UnoSlider

UnoSliderはWordPressとjQueryプラグインとして付属する画像スライダです。 それは無制限の遷移アニメーションを持っています。

この画像スライダーは完全に応答し、また、古いブラウザと互換性があります。 レイヤーは非常によくカスタマイズオプションの多くでアニメーション化されています。 セットアップと使用は簡単です。

UnoSliderは、30以上のアニメーションオプション、スライドごとのオプションがあり、テーマ化も簡単です。 また、このスライダーは、公開 API、画像プリローダーを備えており、1 ページに複数のスライダーを保持する機能を備えています。 HTMLコンテンツも表示可能です。 12 のビルド済みテーマと 40 以上のトランジション オプションから選択できます。

この素晴らしい画像スライダーのデモをここで見ることができます。

Master Slider

Master Slider は価値が高く高品質なデザインの画像およびコンテンツスライダーです。 jQueryとWordPressのプラグインとして提供されています。 また、無料版もあります。

このスライダーは、目を引く画像やコンテンツのスライダーを構築するために必要なすべてを備えています。 それは完全に応答性があり、任意の画面や任意のデバイス上で動作することができます。 6 つの異なるインタラクティブなトランジションと 25 の事前構築されたテンプレートから選択できます。

このスライダーは、タッチスワイプナビゲーション、アニメーションレイヤー、サムネイル、およびタブを提供します。

Wow Slider

Wow slider は実際には非コーダーのためのスライダーです。 ドラッグ＆ドロップメニューを提供し、あなたのウェブサイトの画像スライダーを作成するために使用します。

コアでは Wow slider は jQuery 画像スライダーですが、jQuery なしで動作させることもできます。 それはあなたが望むように軽くすることができます。

ドラッグアンドドロップクリエーターは、HTMLページ、またはWordPressやJoomlaのプラグインを使用して生成することができます。

主な特徴：

• Fully responsive
• Highly customisable
• Touch swipe navigation
• all browser support
• SEO friendly

これらは、ほんの一例で、主要機能は、次のとおりです。

Slider Revolution

Slider Revolution は、必見の効果と SEO フレンドリーが組み込まれた、レスポンシブでフルワイドなスライダーです。 また、このスライダーは、SEO対策も施されています。 このプラグインは、ユニークなトランジション効果のトン、画像プリローダー、ビデオの埋め込み、ユーザーの相互作用で停止する自動再生、独自の効果を作成するためのオプションを設定するのは簡単の多くを備えています。 Slider Revolution は、WordPress、Drupal、PrestaShop、Magento OpenCart および jQuery プラグインとして購入できます。

コーディングスキルに不安がありますか？ Slider Revolutionは動画対応でわかりやすい。 高度なコーディングスキルは必要なく、ベーコンを焼くように簡単です。 ああ…何言ってるんだろう？

Accordion Slider

Accordion Sliderは、完全に応答性の高いjQueryベースのスライダーです。 これは、WordPress プラグインとしても利用可能です。

Accordion Slider は、アニメーションレイヤーとスムーズなアニメーションが付属しています。

このスライダーのページネーションはユニークで、ページごとに表示するパネルの数を設定することができます。 レイアウトは完全にカスタマイズ可能です。

レイジーローディング機能を備えているため、画像を表示するときだけ読み込むことができます。 また、Retinaスクリーンをサポートしているので、高解像度の画像を高PPIスクリーンでのみ読み込むように設定することもできます。

いくつかの追加機能は、WordPressプラグインで使用できます。 あなたは、jQuery または WordPress と Ruby on Rails のためにそれを使用することができます。 Fotorama を設定するために、ビデオ チュートリアルもあります。

これは、あなたの写真や画像を表示するシンプルな方法ですが、あなたを圧倒するのに十分強力な方法です。 使用は無料です。 ここでチェックしてください。

All in One Slider

All in One slider は jQuery スライダーで、美しいバナー回転、サムネイルバナー、プレイリスト付きバナー、コンテンツスライダー、カルーセルという 5 つの方法が付属しています。 これは、製品や画像を表示するためのウェブサイトの開発で必要なすべてを提供する強力なツールです。

All in One スライダーは、完全に応答性とタッチスクリーン対応の画像スライダーです。 All in One スライダーは 16 種類のトランジションとアニメーションテキストを提供します。 すべての主要なブラウザをサポートし、受賞歴のある製品です。

あなたの自己のためにそれを参照してください。 ここでは、ライブ プレビューです。

Blueberry Image Slider

Blueberry image slider は jQuery プラグインで、特にレスポンシブ Web デザイン用に開発されました。 Blueberry 画像スライダーは、cssgrid.net からの 1140px グリッド システムをベースにしたオープンソースのプロジェクトです。 それはシンプルで、同時に、優れた無料のオプションです。

私はあなたが私と同じようにそれを好きだと確信しています。 ライブ プレビューとダウンロード オプションをここで確認できます。

RhinoSlider

RhinoSlider は jQuery スライダーで、ダウンロードする前にバージョンをカスタマイズすることが可能です。 これは、それを設定するために費やされる時間を大幅に減少させることができます。 もちろん、パッケージ全体をダウンロードすることもできますが、私は、最良の方法はジェネレーターを使用することだと思います。 自動再生に設定したり、ホバーで停止するようにしたりできます。 キャプションも利用でき、カスタマイズ可能です。 素晴らしい無料ツールです。

Slippry

Slippry image slider は、CSS3 トランジションと HTML5 エレメントを使用した jQuery プラグインです。 CSS と Sass ファイルが含まれているので、想像力を自由に働かせて、好きなようにスタイルを設定できます。 Slippry は、トップページのトップでその威力を発揮します。

Dont believe us, check it out here for full documentation and a live demo.

Un Slider

Unslider is a very simple slider that is based on jQuery.これは非常にシンプルなスライダです。 それは非常に小さいが、強力です。 あなたはすべてを変更することができるので、それは動作し、あなたが望むように感じる。

Unslider は私が遭遇した中で本当に最もシンプルなスライダーです。 これを使うのに本当に専門家である必要はありません。 数行のコードを追加し、画像を配置するだけで、あなたの Web サイトやブログにスマートなスライダーが完成します。

The whole site is a one big demo for this slider.

Unleash 3

Unleash 3 も私たちのリスト内の jQuery アコーディオン スライダです。 それはそこにある最高の一つです。 多くのオプションと設定から選択することができます。 異なるスタイルでキャプションやコントロールを追加したり、複数の CSS3 アニメーションで他のコンテンツを追加したりすることができます。

主なプロパティは次のとおりです。

• Fully responsive
• Full screen mode
• Ability to choose a slide when the page is loaded
• Step by step documentation
• Touch support
• Video support

MightySlider

Mighty Slider は素晴らしいワンクリック・スライダーを作成するために必要なものすべてです。方向スライダー。 Mighty Sliderはバナーローテータ、ビデオギャラリー、プレゼンテーション、ベーシックスライダーとして使用することができます。 これらすべては、非常に強力なAPIのために可能です。 Mighty Slider はレイアウトとデザインを完全に制御できます。

Fullscreen Slit slider

Fullscreen Slit Slider は jQuery プラグインで、CCS3 アニメーションを使っています。 スライダーはビューポート全体に広がるか、他のコンテキスト内のスライダーとして使用できます。

Fullscreen Slit Slider は完全に応答性があり、いくつかのユニークな分割画面遷移を持っています。 キャプションを使用すると、訪問者にあなたの原因を表現するための素晴らしい方法です。 私はあなたがこの無料のスライダーができることの驚かれると確信しています。

jQuery Portfolio, News & Tour Sliders

このセクションでは、特にポートフォリオ、ニュース、およびツアーを表示するために設計されているスライダーに専念している。

jQuery Carousel Evolution

jQuery Carousel Evolution は、目を引く製品またはチームのプレゼンテーションを作成する簡単で低コストな方法です。 はい、それはプレミアム スライダーですが、その価格に見合った素晴らしい価値を提供します。

jQuery Carousel Evolution は HTML マークアップを使用した強力なスライダーです。 スライダーのための9つの異なるスタイルを提供します。 このスライダーはまた、YouTubeとVimeoのビデオの実装をサポートしています。

You can check the demo here.

Cube Portfolio – Responsive jQuery Grid Plugin

Cube Portfolio is a very cool jQuery plugin with tons of animations.All major browser are also supported.

Cube Portfolio は、アニメーションのトンを持つ非常にクールな jQuery プラグインです。 これは、カスタム キャプションを提供し、現在の HTML と CSS コードでうまく再生します。

Cube Portfolio は 30 以上のオプションを提供し、レイアウトとデザインを完全に制御することができます。 スライダーは完全に応答性の高いデザインを持っており、完全にカスタマイズ可能です。 CSS3アニメーションを使用し、19のスターターパックテンプレートから選択することができます。 Cube Portfolioは、フィルタリングシステムも備えています。

それは最高の垂直スライダー、ポートフォリオプロジェクト、チームメンバーのプレゼンテーション、写真のショーケース、または他のモザイクグリッドのために使用されます。 使い方は無限大です。 Cube Portfolio は WordPress プラグインとしても利用できます。

Check live preview here.

Slideme

この jQuery プラグインは、あなたの仕事を紹介したりあなたについて詳しく説明するためにウェブサイトの最上部に最適なプラグインです。 デザインは、CSS3アニメーションで完全に応答しています。 セットアップも簡単で、APIも公開されています。

Slidemeは無料で使用でき、一見の価値ありです。

PgwSlider

Pgw slider は jQuery のスライダーで、あなたの画像を紹介するために設計された製品です。 このスライダーは、完全な応答性です。 これは、軽量で、すべてのブラウザに対応しています。

このスライダーは、最新の投稿や記事を表示することができますので、ニュースやブログのサイトに非常に適しています。

完全な機能とデモスライダーはここをクリックします。

All Around Content Slider

オールラウンドスライダーは多目的jQueryスライダーです。 あなたは、カルーセルやスライダーとして使用することができます。 また、ビデオをサポートしています。 スライダーは、ドラッグと移動円オプションと無限ループが装備されています。 その上、それはモバイルサポートと完全に応答しています。 すべての画像は拡大することができ、説明を含めることもできます。

All Around スライダーは、製品ショーケースやチームプレゼンテーションとして最適です。

Check live preview here.

Lens Slider

Lens Slider はオープンソース プロジェクトなので完全カスタマイズが可能です。 スライダーは、順序なしリストの非常に単純な HTML マークアップを使用します。 画像は、スクリーンショットで見ることができるように表示されます。 他のオプションはありません。 Lens Slider は WordPress プラグインとしても利用可能で、無料で使用できます。

最も適した使用方法は、製品、サービス、またはプレゼンテーションのためでしょう。 Gridder は、Google 画像検索を模倣するようなものです。 大きな画像を表示するには、サムネイルをクリックすると、拡大されます。 これは、同時に多数の画像を表示する素晴らしい方法です。

Gridder は、jQuery または Ajax サムネイル プレビューアとして利用可能です。 それはあなたの次のポートフォリオ プロジェクトのための素晴らしい無料のソリューションです。

jQuery ライブ プレビューについては、ここをチェックしてください。

Barack Slideshow 0.3

Barack Slideshow は JavaScript で書かれたエレガントで軽量のスライドショーです。 このスライドショーは、垂直、水平、および不規則なリストで動作することができます。 画像は MooTool Assets であらかじめロードされています。 コードをきれいに保つために、CSSのコードをチェックする必要があります。

Barack Slideshow は、ポートフォリオのショーケース、製品リスト、あるいは顧客のリストとして使用できます。

Here you can find a demo and test different options.

jQZoom Evolution

JQ Zoom Evolution

JQZoom is a JavaScript image magnifier, build on top of a popular jQuery JavaScript framework. jQZoom は、画像の一部を拡大表示するための素晴らしく、実に使いやすいスクリプトです。

この画像拡大表示器は、オンライン ストアやレストランのメニューに最も適しています。

Multimedia Portfolio 2

Multimedia Portfolio 2 は、各メディア ファイルの拡張子を自動的に検出し、適したプレーヤーを適用できる、jQuery プラグインです。 画像と動画をサポートしています。 Multimedia Portfolio はシンプルな HTML マークアップを使用し、簡単に使用できます。

このスライダーは、製品、サービス、さらにはニュースを紹介するのに最も適しています。

jQuery Virtual Tour

jQuery Virtual tour はシンプルなパノラマ ビューアを拡張したものです。 この jQuery バーチャルツアーでは、いくつかのパノラマビューをバーチャルツアーに変換することができます!

デモとダウンロードオプションはこちら。

47.jQuery Vertical News Slider

jQuery Vertical News sliderは、サイト上でいくつかのニュースやマーケティングキャンペーンを表示したいWebサイトに非常に便利なものです。 これは、応答性と CSS3 アニメーションを使用しています。 Vertical News slider はまた、スライダーのスタイルを完全にカスタマイズすることができます。

Check out the live preview here.

Multi Item Slider

このギャラリーも自分でそれを作成する方法についてチュートリアルされています。 Multi item jQuery gallery は、複数の製品を一度に表示する Apple のスライダーに触発されたものです。 これは、さまざまな効果を持つフラットデザインで完全に応答性があります。

Multi item jQuery galleryは、製品を展示するためのオンラインストアに非常に適しています。 スクリーンショットに見られるように、それは、単純なナビゲーションが付属しています。 ナビゲーションは、さまざまなカテゴリ間を変更するための直感的です。

For the live preview click here.

CSS Based Galleries

We have come to our last section, where you will find the best pure CSS Based Galleries.私たちは、最後のセクションに来ました。 これらは、それほど人気がないかもしれませんが、試してみる価値は確実にあります。

HoverBox Image Gallery

HoverBox Image Gallery は基本的に超軽量 (8kb) で、CSS しか使用していないロールオーバー形式のフォト ギャラリーです。 高速な読み込みのために、それはサムネイルとロールオーバー プレビューのための 1 つのイメージだけを使用します。 すべての主要なブラウザがサポートされています。 HoverBox Image Gallery は、自分のプロジェクトに自由に使用できます。

これは、写真家のための写真ショーケース、ポートフォリオのあらゆるタイプ、レストランのメニューとして最適です。

ライブ プレビューはこちら。 アニメーションの目的で、トランジションに 3-D 効果を追加した CSS と CSS3 のテクニックを使用しています。 使用目的は厳密には画像スライダーです。

CSS image slider は、製品やサービスのショーケースに使用できます。

ライブプレビューをご覧ください。

CSS3 Animated Image Gallery

CSS3 animated image gallery は CSS3 と HTML5 を使用して効果をレンダリングしています。 画像にカーソルを合わせると、画像がズームアップします。 これにより、より詳細に見ることができます。 もし興味があれば、チュートリアルを見て、自分で作ることができます。

CSS3 アニメーション画像ギャラリー 写真のショーケースに適しています。

Filtronio CSS3 Portfolio

Filtronio CSS3 portfolio is a great pure CSS and HTML5 gallery for showcasing your portfolio or even your products. あなたは、3つの異なるテーマから選択することができます。 Filtronio CSS3 portfolioは、アニメーションレイヤーとカテゴリーフィルターも提供しています。 ギャラリーはきれいにコーディングされており、カスタマイズも簡単です。

Pure CSS3 Image Gallery

これは、画像をクリックするとポップアップ ウィンドウの効果を作成するシンプルな CSS3 イメージ ギャラリーです。 ウェブサイト上でポートフォリオを紹介するのに適しています。

CSS Lightbox Image Gallery

このイメージ ギャラリーは、もうひとつの純粋な CSS ギャラリーです。 画像がクリックされると、拡大表示されます。 ソース コードをダウンロードするか、またはチュートリアルを参照してください。

CSS Lightbox image Gallery はスクロールしない Web サイトで使用する必要があります。 しかし、これはチュートリアルの最後に記載されている1行のJavaScriptで上書きすることができます。 6090>

Slidea

そして、このコレクションの逸品、Slidea です。 Slidea は多目的コンテンツスライダーです。 このスライダー プラグインは、jQuery、VelocityJS、および Animus アニメーション フレームワークに基づいて構築されています。 Slidea を使用すると、アニメーションの制限はありません。

これがどれほどクールかを説明することはできますが、デモをチェックすれば、私がなぜこれをそれほど気に入っているかがわかるでしょう。 素晴らしいスライダーを見つけたので、次のプロジェクトでより効率的に作業するのに役立つと思います。 ここには、あらゆる状況に対応できるものがあります。

あまりにも多くの素晴らしいスライダーとスライドショーがあるので、どれを選ぶか決めるのは難しいです。 しかし、私の意見では、あなたは間違いなくGridderスライダーをチェックアウトする必要があります、それはそれができることは本当に素晴らしいですので、特に無料で、それは勝利の状況である。

私たちの記事を楽しんだ場合は、あなたの友人とそれを共有し、私たちはあなたのお気に入りのスライダーを逃した場合、私たちに教えてください。 あなたの経験をぜひお聞かせください！

編集部注：この記事の最終更新日：2020年8月26日

。