十个jQuery图片画廊插件推荐

jQuery的画廊插件可以将分组图像和多媒体资料转成类似Flash的图像或照片。当幻灯片已经成为网站的重要组成部分,jQuery的重要性不能被忽视。下面为你介绍了10个最有美感,创新性和创造性的jQuery图片画廊插件:

1.How to Create a Simple Slideshow using Mootools / JQuery 
当我们想要在有限的屏幕空间展示很多内容,这要使用到幻灯片。幻灯片是最佳的可以展现大量的信息的方式。在这篇文章中我将展示使用MooTools / Jquery做出简单的幻灯片的过程。

查看演示

2.jbgallery 2.0 
jbgallery,可实现超大图片全页展示功能,可自动播放,控制播放图片等,支持单图片、多图片、多图库、阴影、网站背景色以及对话模式等。jbgallery有两个基本菜单,一个类似音乐播放按钮和一个直接链接单图片播放按钮,同时提供公共API接口去除播放控制组件,以便扩展任意自定义播放控制按钮,jbgallery插件功能强大,而且使用简单。

 
查看演示

3.Minimalistic Slideshow Gallery with jQuery 
是一个简单而漂亮,以幻灯片方式播放照片的相册控件。其做法是将所有缩略图放在一个导航网格中,用户可以利用这个网格查看,暂停/播放,浏览照片。网格会从播放容器上方弹出,让用户浏览整个相册的缩略图集。

 
查看演示

4. Galleria 
Galleria是一个采用jQuery开发的图片展示插件。它通过缩略图导航一张一张的显示大的图片。支持通过CSS设置整个相册的风格。能够按比例创建缩略图并剪切成适合在缩略图容器中显示的小图片。能够触一些事件,因此可以在图片加载时执行一些动作。

 
查看演示

5. Galleriffic 
Galleriffic是一个用于创建快速展示相册中照片的jQuery插件。图片既可以以幻灯片的方式查看,也可以手动点击缩略图查看。Galleriffic还支持分页,从而使得它能够展示更多的图片。

 
查看演示

6. Pikachoos
Pikachoose是一个基于jquery的轻量级相册插件,它允许用户自定义幻灯片,按钮,自动播放.

 
查看演示

7. Smooth Div Scroll 
这是一个图片或内容水平滚动的jquery插件,滚动效果非常平滑、舒服

 
在线演示

8.FancyBox 
基于jQuery开发的Lightbox插件。支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽,该Lightbox除了能够展示图片之外,还可以展示iframed内容, 通过CSS自定义外观。

 
查看演示

9.Sliding Image Gallery jQuery Plug-in 
在SlidingGallery插件会的图像组,变成他们的图像周期性画廊,用户可以通过点击广告。一个图像将被集中在屏幕上,有两个较小的图像关闭的边缘。用户可以单击任一较小的图像,使之向中心或中心图像放大。为获得最佳的使用,这个插件应该适用于7个或更多图片,但可以用更少的工作(图片会被复制,从而使总数达到7个)。

 
查看演示

10.slideViewerPro 
slideViewerPro是一个完全可定制的jQuery Image Gallery插件。支持任意多的图片,可以设置是否自动展示图片,开关标题,开关拖拽,自定义向前-向后按纽,自定义幻灯播放动画。

十个jQuery图片画廊插件推荐,布布扣,bubuko.com

时间: 2024-10-12 14:23:52

十个jQuery图片画廊插件推荐的相关文章

一款简单实用的jQuery图片画廊插件

图片画廊 今天分享一个自己实现的jQuery 图片画廊插件. 看一下效果图: 点击图片时: 在线演示地址:http://www.jr93.top/photoGallery/photoGallery.html 使用 使用也是很简单,代码如下: <div id="photoGallery-container"> <img class="photoGallery" data-src="img/1-1.jpg" src="im

带放大镜效果的jQuery LightBox图片画廊插件

zbox是一款带放大镜效果的jQuery LightBox图片画廊插件.该Lightbox插件可以显示相应缩略图的高清大图,并且在浏览高清大图时还可以使用放大镜来局部查看放大效果. 在线预览   源码下载 使用方法 使用该LightBox插件需要引入jQuery和jquery.zbox.css,以及jquery.zbox.js文件 <link type="text/css" rel="stylesheet" href="css/jquery.zbox

jQuery和css3响应式带全屏模式的图片画廊插件

这是一款效果相当炫酷的jQuery和css3响应式带全屏模式的图片画廊插件.该图片画廊插件使用CSS3 Animations来制作动画.该响应式图片画廊插件支持移动触摸设备,支持使用键盘来导航,同时支持HTML5全屏模式API. 在线演示:http://www.htmleaf.com/Demo/201502101360.html 下载地址:http://www.htmleaf.com/jQuery/Slideshow-Scroller/201502101359.html

推荐几款jquery图片切换插件

一.前言 毕业季到了,大家都在匆匆忙忙的记录大学里最美好的时光,照片中各种花式.各种姿势都涌现出来了.这么多的照片怎么展示出来给自己的好友看呢?有人选择做成视频,有人选择ps之后做成图片集,而我选择利用静态网页的形式进行展示. 二.用到的四个免费的jquery插件 注:都是网上免费的,自己测试过了,挺好用的,顺便改了改. 1.3D Change 下载地址:https://github.com/hjzgg/picture_show/tree/master/3D_change 效果展示 2.Samp

Html5添加制作全屏响应式效果的图片画廊插件教程

一.安装 npm install jquery-gallerybox 二.使用方法 <link rel="stylesheet" type="text/css" href="css/gallerybox.css">               <script src="js/jquery.min.js"></script> <script src="js/jquery.gal

jQuery图片延迟加载插件:jquery.lazyload

----------------------------------------------------------------------------------------------- class='lazy' 载入样式,data-original指向图片地址 底部引入jQuery和jQuery.lazyload.js <img class="lazy" data-original="img/bmw_m1_hood.jpg" width="76

10款很好用的 jQuery 图片滚动插件

jQuery 作为最流行的 JavaScript 框架,使用简单灵活,同时还有许多优秀的插件可供使用.其中最令人印象深刻的应用之一就是各种很酷的图片效果,它可以让的网站更具吸引力.这里收集了10款很好用的 jQuery 图片滚动插件分享给大家. 1.Nivo Slider 首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的 jQuery 插件和 WordPress 插件两个版本.目前下载量已经突破 1,800,000 次! 在线演示 源码下载 2.Slides Slides 是一款精巧的

jQuery图片切换插件jquery.cycle.js

Cycle是一个很棒的jQuery图片切换插件,提供了很好的功能来帮助大家更简单的使用插件的幻灯功能 下载cycle插件并引入,此时,注意把引入它的代码放在引入jQuery主文件之后. <head> <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascript" src

jquery 图片处理插件

JQuery Jcrop 实现图片裁剪的插件 the jQuery Image Cropping Plugin jquery 图片处理插件,布布扣,bubuko.com