【转】19 个漂亮的 jQuery 画廊和幻灯片插件

最新推荐文章于 2024-08-15 09:56:34 发布
最新推荐文章于 2024-08-15 09:56:34 发布
阅读量447 收藏
点赞数
分类专栏： Web开发 文章标签： jquery image javascript 照片 css audio

本文向你介绍 19 个 jQuery 的画廊和幻灯片的插件或者是制作教程。

TN3 Gallery

TN3 Gallery 是一个很成熟的基于 HTML 的可定制的图片画廊和幻灯片展示，支持转换和多相簿选项，支持智能手机设备浏览。

Live Demo  – Download

Supersized

主要特点：
  • 图片大小自动调整，以适应浏览器的尺寸
  • 幻灯片时自动预加载图片
  • Core version is available for those that just want background resizing.
  • 导航控制以及键盘支持
  • 可与 Flickr 集成
Live Demo  – Download

Mosaic Sliding Box and Captions jQuery Plugin

特点：
  • 自动生成滑动框和标题
  • 可定定制目录进行滑动和隐入动画效果
  • 图片预加载
Live Demo  – Download

Sliding Image Gallery jQuery Plug-in

该 SlidingGallery插件将一组图像，使之成为一个图像，用户可以通过点击这些周期性画廊。一个图像将集中在屏幕上，有两个较小的图像关向两侧。 用户可以单击较小的图像要么把他们的中心或中心图像放大。为了达到最佳的使用，这个插件应该适用于七个以上的图像，但可以用较少的（图像将被复制，从而使 总数达到7个）。

Live Demo  – Download

Full Page Image Gallery with jQuery

这是一个教程，教你如何创建一个画廊效果，并带有可滚动的缩略图展示

Live Demo  – Download

slideViewerPro

slideViewerPro  是完全可定制的 jQuery 画廊插件，有非常接触的滚动效果

Live Demo  – Download

Galleriffic jQuery Plugin

Galleriffic 是一个 jQuery 插件，提供丰富的用户体验优化，用来处理大量的图片展示

Live Demo  – Download

Slider Gallery with jQuery

该教材用来创建一个很有创新意义的图片滑动展示效果。

Live Demo  – Download

jqFancyTransitions

jqFancyTransitions 是一个易用的 jQuery 插件用来展示相册，并提供一些转换效果，例如水波、拉链、窗帘、喷泉、随机等。

Live Demo  – Download

Galleria 是一个 JavaScript 图像画廊，基于 jQuery 构建。

Live Demo  – Download

Thumbnails Navigation Gallery with jQuery

同样是一个制作画廊的教程

Live Demo  – Download

Sliding Panel Photo Wall Gallery with jQuery

该教材帮你创建一个全页展示的相片画廊。

Live Demo  – Download

Beautiful Photo Stack Gallery with jQuery and CSS3

在本教程中，我们要创建一个美好而清新的形象画廊。这样做是为了显示为滑块的专辑和专辑选择时，我们展示一个漂亮的照片堆栈该专辑的图片。在照片库中，我们可以浏览图像通过把后面所有的堆栈用光滑的动画形象的最顶端。

Live Demo  – Download

Fresh Sliding Thumbnails Gallery with jQuery and PHP

在本教程中，我们要创建一个不错的缩略图地区另一个整版图片库的滚动时自动移动鼠标。这个想法是让用户略成图片放大上按一下。根据屏幕大小缩略图栏滑下和图像调整大小。

Live Demo  – Download

Create image gallery in 4 lines of jQuery

这的确是一个伟大的图片库jQuery的教程，它有几个大的图像和缩略图。大图与说明栏。当用户点击拇指大的图像和说明将发生变化。

Live Demo  – Download

jqGalViewII (Photo Gallery)

这是 jQuery 画廊插件 (jqGalViewII) 可创建各种风格的相片展示，支持大图片预加载。

Live Demo  – Download

Animate Panning Slideshow with jQuery

制作一个经典的幻灯片展示，可自动进行转换和动画效果

Live Demo  – Download

Exposure

Exposure 是一个 jQuery 的插件，用来展示大量的相片

Live Demo  – Download

Interactive Photo Desk with jQuery and CSS3

Live Demo  – Download

Multimedia Gallery for Images, Video and Audio

这是一个多媒体的画廊，支持图片、视频和音频，使用进度条来控制展示的进度。

Live Demo  – Download
tywali
关注
专栏目录
jquery实现的画廊
男儿当自强
05-29 1295
自己的画廊效果图  可以自动播放，有上一张、下一站、暂停、图片缩略图、图片的文字说明 看的效果还不错，这个是借鉴网上的一个案例，然后自己改编的（我会把案例都上传） 网上找的 画廊资源：http://download.csdn.net/detail/stamsuper1/5507749 下面是我做的项目的模块（根据网上的这段代码修改的）
jQuery画廊插件-GalleryView
yeyuehunluhongyu的博客
07-07 2058
jQuery画廊随处可见，很多网站上都有jQuery画廊，旋转木马（carousels），滑块和幻灯片。GalleryView是一款可以创建多种类型的独立插件。 1. 提取CSS和JS文件到一个合适的文件夹，然后添加和标签： src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"> src="http://libs.baidu.c
19 个漂亮的 jQuery 画廊和幻灯片插件
哲
06-18 1058
本文向你介绍 19 个 jQuery 的画廊和幻灯片的插件或者是制作教程。 TN3 Gallery TN3 Gallery 是一个很成熟的基于 HTML 的可定制的图片画廊和幻灯片展示，支持转换和多相簿选项，支持智能手机设备浏览。 Live Demo – Download Supersized 主要特点： 图片大小自动调整，以适应浏览器的尺寸幻灯片时自动预加载图片Cor
jQuery 图片画廊项目教程
最新发布
gitblog_00199的博客
08-15 804
jQuery 图片画廊项目教程 jquery-photo-galleryjquery图片查看的插件，能精确查看图片详情，支持旋转、放大、缩小、拖拽、缩略图显示，界面效果按照window的qq查看图片功能写的。项目地址:https://gitcode.com/gh_mirrors/jq/jquery-photo-gallery 1. 项目的目录结构及介绍 jquery-photo-gallery/...
十个jQuery图片画廊插件推荐
mcy478643968的专栏
12-29 886
<br />jQuery的画廊插件可以将分组图像和多媒体资料转成类似Flash的图像或照片。当幻灯片已经成为网站的重要组成部分，jQuery的重要性不能被忽视。下面为你介绍了10个最有美感，创新性和创造性的jQuery图片画廊插件： <br /><br />1.How to Create a Simple Slideshow using Mootools / JQuery <br />当我们想要在有限的屏幕空间展示很多内容，这要使用到幻灯片。幻灯片是最佳的可以展现大量的信息的方式。在这篇文章中我将展示使用M
Unite Gallery—漂亮的JQuery画廊相册插件
ICode联盟
12-06 314
下载地址Unite Gallery是多功能javascript画廊基于jquery库。这是用模块化建造技术的易用性和定制的。很容易定制画廊,通过css改变它的皮肤,甚至编写自己的主题。然而这个画廊非常强大,快速和现时的一定功能响应性,接触甚至缩放功能启用,它独特的效果。　响应——适合每一个屏幕自动比例保留　　触摸启用——每个画廊部分可以在触摸启用触摸控制的设备　　响应——画廊可以适合每一个屏幕大小,并能应对一个屏幕尺寸变化。　　皮肤功能,允许在不同的css文件轻松改变皮肤不碰主要画廊css。　　Themab
20个非常棒的 jQuery 幻灯片插件和教程分享
10-28
本篇分享将介绍20个精选的jQuery幻灯片插件和相关教程，涵盖从基础的图片轮播到复杂的互动式幻灯片的不同需求。这些插件和教程是广大设计师和开发者的宝贵资源，能够帮助他们轻松实现高质量的幻灯片效果。 1. ...
30个最佳jQuery Lightbox效果插件分享
10-28
9. **jQuery Lightbox Plugin**：提供了一套完整的Lightbox解决方案，包括图片集和幻灯片功能。 10. **Visual jQuery LightBox**：通过可视化编辑器创建和管理Lightbox实例，简化了配置过程。 11. **prettyPhoto**...
JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个
10-11
104. 推荐jQuery兼容所有浏览器的自定义多样式图片幻灯片插件(KinSlideshow)下载 105. 推荐jquery动画制作示例图片滚动和飞行乌鸦,车窗效果,非常强大 106. 推荐jQuery实用缩略图广告效果插件下载 107. 推荐...
jQuery AD Gallery 画廊（画册）插件
05-31
美化版jQuery AD Gallery 画廊（画册）插件 。
jquery超炫画廊
12-28
纯js响应式模态窗口和弹出层插件MODALit A simple, lightweight and Responsive JavaScript modal/popup dialog library
jQuery炫酷3d画廊
12-11
这款jQuery 3d画廊插件使用jquery.gallery和css3制作而成。这个jQuery 3d画廊有3种效果，可以自动播放。在所有jQuery 3d画廊的插件中，这一款算得上是精品。
轻量级jQuery画廊插件Lighterbox
07-09
轻量级jQuery画廊插件Lighterbox 演示地址：http://www.jq22.com/plugin/555 简介 lighterbox是lighterweight和可定制的灯箱画廊。一个简单的插件支持现代移动和桌面浏览器 使用方法 <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> <script src="/js/libs/jquery/jquery.lighterbox.js"></script> HTML <a href="弹出大图地址.jpg" class="lighterbox"> <img src="预览小图地址.jpg" /> <h2 class="lighterbox-title">Painting by Paul Gaugin</h2> <span class="lighterbox-desc">Oil on Canvas</span> </a> JavaScript $(".lighterbox").lighterbox({ overlayColor : "white" }); 选项 overlaycolor：{ string }“白”或“黑”选项设置主题。默认的是白色的。 overlayopacity：{string or integer}任何有效的CSS值。 animatespeed：{string or integer}任何有效的CSS值。
Supersized(jQuery 画廊插件) v3.1
10-28
主要特点：图片大小自动调整，以适应浏览器的尺寸幻灯片时自动预加载图片Core version is available for those that just want background resizing.导航控制以及键盘支持可与 Flickr 集成
图片相册画廊展示html,使用jQuery实现简单实用的图片画廊效果（附代码）
weixin_42717586的博客
06-04 400
本篇文章给大家分享一个使用jQuery实现的图片画廊效果，一款简单实用的jQuery图片画廊插件。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。图片画廊看一下效果图：点击图片时：使用使用也是很简单，代码如下： 其中id为photoGallery-container的容器内存放自己想要展示的图片组，每个img都有一个.p...
一款简单实用的jQuery图片画廊插件
binyao02123202的专栏
08-02 4191
图片画廊 今天分享一个自己实现的jQuery 图片画廊插件。 看一下效果图： 点击图片时： 在线演示地址：http://www.jr93.top/photoGallery/photoGallery.html 使用 使用也是很简单，代码如下： div id="photoGallery-container"> img class="photoGallery"
jQuery实现美女画廊
RoddyLD的博客
04-11 319
代码运行后结果如下： 整体实现代码如下： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-1.6.1.min.js"></script> <style> body { font-
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值