9个优秀的免费JavaScript图片库插件推荐(在线演示)

以下是我们最喜欢的一些免费图片库，您可以将它们快速插入设计中。它们是用从 JavaScript 到 PHP 到 jQuery 等等的所有东西构建的……向所有参与与社区分享他们的工作的开发人员大声疾呼！

其它图片库推荐：

• jQuery 画廊

• React画廊

• PHP 画廊

• 基于CSS的画廊

免费的 JavaScript 画廊

1.Swiper

Swiper是开源免费的，

具有硬件加速过渡。

滑块适用于许多平台：

本机应用程序、Web 应用程序和移动网站。

Swiper 是一个功能齐全的平台，

可用于为 Android 和 iOS 应用程序构建幻灯片。

Swiper特点：

• 1:1 触控动作

• 突变观察者

• 完整的 RTL 支持

• 多个过渡

• 虚拟幻灯片

• 完全控制导航的 flexbox 布局

演示：

See the Pen  Using Swiper by DDev (@divyaddev)  on CodePen.

2. Galleria画廊

Galleria是用于 JavaScript 的免费图库框架。

使用 Galleria，

为 Web 和移动设备创建图片库的整个过程，

变得更加简单。

Galleria特点：

• 开源（麻省理工学院许可）

• 无需大量广泛的编码知识即可轻松使用

• 只需几行代码即可集成图库

• 精心设计，可在各种屏幕和环境中做出响应

• 支持原生动作和硬件优化动画 

See the Pen  Using Galleria by DDev (@divyaddev)  on CodePen.

3. LightGallery灯光画廊

LightGallery是一个：

高质量和高性能 JavaScript 图像库，

适用所有浏览器。

您可以在 LightGallery 中，

轻松附加和分离缩放和缩略图等模块。 

LightGallery功能：

• SCSS 变量

• 插件

• 灵活的标记

• 100 多种无需代码即可自定义图库的选项

• 支持广泛的图像

• 支持所有类型的 HTML5 视频格式

• 允许用户嵌入外部网站、谷歌地图甚至 PDF 文件

演示：

See the Pen  Using Lightgallery by DDev (@divyaddev)  on CodePen.

4.PhotoSwipe

就在最近，PhotoSwipe发布了第 5 版。最新版本改进了代码质量，并且完全用 ES6 编写。PhotoSwipe 不会阻止页面呈现——它支持动态导入。以下是 PhotoSwipe 中要寻找的一些功能：

• 所有的触摸手势都是流畅的

• 动画是高性能的 

• 不需要任何外部资产

• 以缩放状态打开图像 

这是一个展示 PhotoSwipe的演示。

See the Pen  Using Photoswipe by DDev (@divyaddev)  on CodePen.

5.NanoGallery2

接下来是NanoGallery2。

这是具有选定功能的特殊画廊之一。

例如，

图库带有四种不同的布局选项。

您可以将图库配置为：

网格、对齐、马赛克和层叠布局等。

NanoGallery2功能：

• 完全支持标准手势

• 支持灯箱触摸动作

• 简单、轻量级的动画

这是一个展示 NanoGallery2的演示

See the Pen  Using NanoGallery2 by DDev (@divyaddev)  on CodePen.

6.Highslide JS

Highslide JS ，

是使用 JavaScript 创建的画廊，

也是媒体和图像查看器。

特点：

• 快速优雅的外观

• 弹出窗口拦截器没有问题

• 为非商业和商业用户提供免费支持 

• 您可以调整的源代码

7. Justified Gallery

Justified Gallery就是建立一个高质量的合理图片库。它是一个简单的基于 JavaScript 的库。

图像集合最常见的问题之一是它们的排列方式。Justified Gallery 的主要目标就是解决这个问题。它甚至被 500px 用于显示图像。使 Justified Gallery 与众不同的特点是：

• 使用先进的算法

• 无限滚动

• 任何屏幕分辨率

• 多种图像处理功能

• 现成的灯箱

• 可选字幕

这是一个使用 Justified Gallery的演示。

See the Pen  Using Justified Gallery by DDev (@divyaddev)  on CodePen.

8. blueimp蓝魔

blueimp是用于创建响应式图像库的一体化解决方案。图书馆提供了一个旋转木马和一个简单的灯箱。您可以将此图库与图像和视频一起使用。使 blueimp 与众不同的功能包括：

• 自由定制画廊的行为和外观

• 添加类以设置画廊中各种元素的样式

• 幻灯片加载和幻灯片更改等事件的回调。 

演示：

See the Pen  Demo Blueimp by DDev (@divyaddev)  on CodePen.

9. FancyZoom

Fancy Zoom也是JavaScript一种，

它允许您放大照片，

而无需再次下载图像。

演示：

See the Pen  Demo FancyZoom by DDev (@divyaddev)  on CodePen.

END！！！