10款web前端基于jQuery底部带缩略图的焦点图

在本教程中，我们将创建一个很好看的照片画廊效果。我们的想法是，以显示专辑作为一个滑块，而当这张专辑被选中，我们将使用一个美丽的照片堆栈展示专辑的图像。在照片堆栈视图，我们可以通过将最上面的图像移动到所有照片后面的方式浏览

在线演示

源码下载

4.jQuery Mapael 呈现动态的矢量地图

jQuery Mapael 是基 Raphael.js 的一 jQuery 插件，可以显示动态矢量地图。例如，使用 Mapael 可以显示国家能够点击的世界地图。此外，你可以用圈，方形或者图片来标记城市，借助它们的经度和纬度。还有更多的选项，可以参考帮助文档

在线演示

源码下载

5.Flexslider 响应 jQuery 滚动插件

FlexSlider 是一款轻量的响应 jQuery 内容滚动插件，能够帮助你在项目轻松的创建漂亮的内容滚动效果。这款插件曾经连续多年入 WDL 的年度最 jQuery 插件，值得大家在网站开发中试试

在线演示

源码下载

6.人脸识别插件，支持图片和视频

jQuery Face Detection 是一款人脸检测插件，能够检测到图片，视频和画布中的人脸坐标。它跟踪人脸并输出人脸模型的坐标位置为一个数组。我们相信，面部识别技术能够给我们 Web 应用带来各种可能性，创造出互动的，有趣的功能。注：人脸识别，是基于人的脸部特征信息进行身份识别的一种生物识别技术。用摄像机或摄像头采集含有人脸的图像或视频流，并自动在图像中检测和跟踪人脸，进而对检测到的人脸进行脸部的一系列相关技术，通常也叫做人像识别、面部识别

在线演示

源码下载

7.Vue.js MVVM 实现交互式的 Web 界面

Vue.js 是用于构建交互式 Web 界面的库。它提供 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。从技术上讲， Vue.js 集中 MVVM 模式上的视图模型层，并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架，Vue.js 更容易上手

在线演示

源码下载

8.jQuery宽屏时间轴焦点图插件

这是一款非常炫酷的jQuery焦点图插件，这款jQuery焦点图的特点是有一个时间轴，点击切换按钮时，时间轴会逐渐移动，时间轴上的图片也会逐渐切换。另外，在图片上方也可以放置自定义样式的文字

在线演示

源码下载

9.jQuery图片放大预览插件

之前我们分享过一个基于jQuery的放大镜特效插件，可以将选中的图片区域进行放大预览。今天我们要来分享一款基于jQuery的图片放大预览插件，只需要将鼠标滑过缩略图，即可将当前区域的图片放大预览，这个功能一般在商品图片展示的时候非常有用

在线演示

源码下载

10.jQuery底部带缩略图的焦点图插件

前面我们已经分享过不少实用的jQuery焦点图插件了，比如这款jQuery可自动播放动画的焦点图插件，非常大气。今天我们要介绍的这款jQuery焦点图插件是带有缩略图的，我们只需点击缩略图即可切换至相应的图片，图片切换的时候出现淡入淡出的动画效果

在线演示

源码下载

未经允许不得转载：爱前端网 » 10款web前端基于jQuery底部带缩略图的焦点图