一套非常全面新的jQuery图片画廊和滑块

jopen 10年前

Adaptor

Adaptor Query content slider

Adaptor是一个轻量级的图片/内容滑动播放插件,旨在为开发者提供一个简单的接口来创建超酷的2D或3D滑动过渡效果。
目前该插件的3D效果只支持基于webkit的浏览器和Firefox,其他浏览器查看3D效果时将使用一个简单的淡入淡出效果代替。经过测试,2D效果在IE6+和其他所有现代浏览器中均可以正常显示。

该插件提供了6种效果:

  • Vertical 3D scroll:垂直3D翻转过渡效果
  • Horizontal 3D scroll:水平3D翻转过渡效果
  • Vertical scroll:垂直滑动过渡效果
  • Horizontal scroll:水平滑动过渡效果
  • Blind left:水平百叶窗切换效果
  • Blind down:垂直百叶窗切换效果
  • Fade:淡入淡出效果

iView

iView

iView Slider 是一个jQuery Slider 插件可用于展示任意类型的内容(图片,HTML,视频)。

这个插件支持响应式布局并能够很好的兼容触摸界面。

它已经内置35种转换效果,可以为每一个slide可以定义不同的效果。

iView Slider 提供动画HTML标题,还支持一些效果(fade, move top, move right…) 并拥有多种方式来浏览幻灯片:

  • slideshow (optional "pause on hover")
  • keyboard
  • prev-next buttons
  • thumbnails
  • bullets

它拥有三种不同的加载条来指示下一张幻灯片加载时间。

此外,还有一个API,可以通过JavaScript来控制功能。

 

JZoopraxiscope

JZoopraxiscope

JZoopraxiscope是一个 jQuery插件,灵感来自于第一台电影投影机。除了 jQuery,同时也使用了 jQuery UI并要求所有的帧都是水平放置的单一图片中。你只需要通过调用一个定义图片尺寸和帧的方法就可以让它开始正常工作了。 JZoopraxiscope 还提供了播放和停止按钮。虽然听起来比较复杂,但是只要你有足够多的灵感和创造力,你能将它发挥到极致。使用它不仅美化了你的页面,还更加的更突出了你的web页面内容和效果。

Really Simple? Slideshow

Really Simple? Slideshow

Really Simple Slideshow是一个用于创建各种幻灯图片的jQuery插件。这款插件可以将任何图片转换到幻灯片列表中,并可以为每个幻灯显示字幕,包括它们的链接和多种过渡效果。

Camera

Camera

Sequence

Sequence

Sequence 是一个jQuery的幻灯插件,使用无限滚动。提供完整的幻灯功能。和普通幻灯的显示方式与众不同

Rhinoslider

Rhinoslider

Rhinoslider 是一个非常灵活的jQuery slider插件,能够展示任意HTML元素包括:文本、图片和视频等

这个插件自带大最的切换效果,利用其提供的可扩展构架,新的效果和样式都很容易增加。

也有很多选项可以设置包括:是否自动播放,播放方向,随机播放和手动导航。

 

RefineSlide

RefineSlide

RefineSlide是一个轻量级(4KB压缩)的jQuery插件快速整合一个响应式的、基于图像滑块的效果到我们的网站。滑块使用CSS3转换+ 3D变换(有JS备用)和有一堆有吸引力的转变。它有一个选项,以显示缩略图(自动格式化和响应)或箭头的导航(支持键盘操作)。</p>

Skitter

Skitter

Diapo

Diapo

Diapo 是一个开源的 jQuery 幻灯效果、图片展示插件。

Flickrshow 7.2

Flickrshow 7.2

Flickrshow是一个非常简单的Javascript slideshow。

TimelineJS

TimelineJS

Timeline 是我见过的最酷的展示事件随时间发展的javascript实现。你可以基于时间使用讲故事的方式来创建时间轴特效,整个时间轴以幻灯的方式来展示,你可以穿插图片,视频或者是网站,而且拥有非常华丽的动画效果和缩略图效果,非常适合做网站的关于我们功能。

 

PhotoShow

photoShow

PhotoShow 是一个免费,开源,非常易于使用的Web gallery。可以安装在任何web服务器上

bgStretcher

bgStretcher

bgStretcher是一款jQuery插件,专门用于针对网页的背景图片进行切换,能够像普通的slideshow一样操作背景图(css background-image),同时兼容几乎所有的桌面浏览器。

 

Revolver.js

Revolver.js

如果你想要实现一个完全自定义的幻灯插件,不妨试试 Revolver.js, 它对于高度定制化的幻灯功能来说是个不错的选择。

Revolver.js 支持 jQuery 和 MooTools。它提供的功能基本涵盖幻灯功能的大多数常用特性。

 

Swipe

Swipe

PhotoSwipe 是一个适合在触摸屏手机上使用的相册展示包。


</p>

Flow Slider

Flow Slider

Flow Slider是一个jQuery图像滑块插件,摆脱了通过Flash去实现效果,灵活性非常强,你可以自定义皮肤与样式,官方也提供了三种默认的皮肤,本站下载文档里面都包含了,大家可以下载研究。Flow Slider提供了差不多23种滑块切换效果,水平方向、垂直方向、鼠标控制左右滚动等等效果。

 

Craftyslide

Craftyslide

现今已经有大量的jQuery slider插件,这些插件拥有漂亮的外观和非常多的功能,但往往体积比较庞大。
Craftyslide是一个jQuery image slider 插件,非常适合于创建一个标准,功能够用的Slider。可以为展示的图片设置标题,它拥有一个箭头导航,向上/向下翻页按纽。使用淡入淡出切换图片。
整个插件只有20kb,并支持所有主流浏览器。

 

Mosaiqy

Mosaiqy

一个很给力的图片相册插件Mosaiqy,它是一个以马塞克网格界面来展示图片的jQuery插件,在网格里以缩略图随机显示。

此插件用到了CSS3的变换(transition)效果,网格的行列会定时的滚动。当点击缩略图的时候,将会在网格中显示大图,同时会有淡入淡出的效果。

它以JSON/JSONP为数据源,可以很容易的和一些图床整合。除此之外,它也具有很高的可定制性,可设置滚动速度,行列数量等等。

 </p>

Fotorama

Fotorama 是一个高度灵活的图片集展示jQuery插件。支持桌面和移动浏览器。Fotorama

Minimit Gallery

Minimit Gallery

Minimit Gallery 是一个可高度定制的 jQuery 插件,用于显示相册、幻灯片、卷帘等效果。

 

Slider.js

Slider.js

Slider.js 是一个图片播放Slideshow引擎,采用jQuery、CSS3和HTML5 canvas技术实现。 可以为播放的条目设置文本标题并带链接,用户可以通过分页码或向前/向后链接进行浏览。 展示界面和交互都可以定制。

其数据源是JSON格式。除了有13种CSS转换效果之外,还内置10种好看的Canvas功能。

 </p>

Slidorion

Slidorion

 Slidorion是一个简单易用且轻量级的jQuery图片幻灯插件,它是以幻灯片的形式展示图片,同时以手风琴效果展示与图片相关联的文字内容。此插件内置了多种图片切换效果,如淡入淡出、左右切换、上下切换等。

Slidorion的定制性也相当高,通过参数的设置可以控制初始显示的幻灯、自动播放、鼠标悬停等。除此之外,还可以自定义设置幻灯片的切换速度和停留时间。

Basic jQuery Slider

Basic jQuery Slider

Basic jQuery Slider 是一个轻量级的很简洁的 jQuery 内容滑动插件,经压缩后也仅有4.6kb大小。它能用来展示文字、图片等任意的 HTML 内容。此插件并没有太多花哨的功能,仅包含一些基础的功能,实现了 fade 和 slide 两种动画切换效果。除了使用按钮的导航方式外,它还支持使用键盘控制。此插件最大的特点是支持自定义主题样式,完全可以打造出很漂亮的效果来。

 

Flux Slider

Flux Slider

Flux slider是一个基于CSS3动画技术的图片切换过度框架,灵感源于Nivo Slider jQuery插件。它采用最新,更强大的CSS3动画技术来代替传统基于Javascript Timer的动画实现方式。

Flexslider

Flexslider

FlexSlider是一个轻量级的jQuery内容滚动插件,压缩后只有4KB大小。它能让你轻松的创建内容滚动的效果,具有非常高的可定制性。它是将UL列表转换成内容滚动的列表,可以自动播放,或者使用导航按钮和键盘来控制。


dualSlider

dualSlider
dualSlider是一个jQuery内容Slider插件,可用于播放任意HTML输出。它拥有一个漂亮的功能,就是播放容器有两边,一边是要播放的主要内容,别一边是播放内容的额外说明信息,两边会同步切换展示。支持手动和自动播放两种模式。

The Wall

The Wall

The Wall enables to create an endless grid. You choose the number of elements, The Wall will see to the rest.

Awkward Showcase

Awkward Showcase

这是一个简单的jQuery插件能够在一条直线上展示任何类型的媒体。比如它可以用于在整个浏览器宽度范围内展示一个产品线。

PhotoSwipe

PhotoSwipe

PhotoSwipe是一个开发用于手机和Touch设备,功能强大的图片/照片集展示控件。它采用HTML、CSS+JavaScript实现,没有依赖任何JavaScript框架。

可以设置淡入/淡出的效果,激活放大功能,缩放图片等。PhotoSwipe支持的设备包括:iPhone、iPad、Android、Blackberry和桌面浏览器。它还有一个可选基于jQuery实现的版本。

MooTools SlideShow

MooTools SlideShow

采用Mootools开发的图片Slideshow控件。提供淡入淡出图片切换效果,控制图片播放、停止、向前、向后。

jShowOff: a jQuery Content Rotator

jShowOff: a jQuery Content Rotator

jShowOff是一个灵活的jQuery插件用于轮流播放任意类型的HTML内容。可以设置是否自动播放,变换速度,控制关闭/打开,变换效果等。提供分页、向前/向后按纽、缩略图导航。

 

SlidesJS

SlidesJS

一个不错的jQuery幻灯片插件Slides.Js,压缩后脚本只有7K,却可以实现多种幻灯片特效,例如jCarousel特效、类似Nivo Slider的效果,还可以用作产品展示。

 </p>

Sliderman.js

Sliderman.js

Sliderman.js是一个单独的JavaScript library用于创建高度可定制图片播放器。它拥有25种独特,优秀的效果。可以单独使用,也可以随机混合使用。提供两种导航方式:向前和向后按纽与分页导航。每一张图片可以有描述说明,当鼠标移过时显示,Sliderman.js可以让你定制背景颜色,透明度,自动播放等。

Simple jQuery hash-slider

simple jquery hash-slider

Hash Slider是一个能够展示任意内容的jQuery slider插件。它能够一个无序的列表转换成一个好看Slider。

Choco-Slider

Choco-Slider
Choco-Slider是一个轻量级(大约7kb),灵活的jQuery图片Slider插件。拥有好看的效果。这个插件有多个选项可以自定义包括:尺寸,自动滑开/关,转换之间的延迟,后退,下一个控制开/关等。Choco-Slider提供三种可定制的动画,并支持大部分浏览器包括IE6。

jQuery.carouFredSel

jQuery.carouFredSel

支持自定义样式并且灵活健壮的jQuery旋转轮播插件:CarouFredSel ,能够帮助你迅速的构建一个轮播式的幻灯展示,使用简单,功能强大,可以展示任何类型的HTML元素。支持水平和垂直两个方向。项目的高度和宽度可以不相同。可以动态从容器中删除/添加项目,可以利用向前/向后按纽播放项目或设置成自动播放。

主要特性:

    支持完整自定义和皮肤
    支持responsive/fluid/liquid,保证各种客户端的显示
    支持可变的显示项目个数
    支持键盘和鼠标导航
    7个内建的效果: none, scroll, directscroll, fade, crossfade, cover and uncover.
    内建自定义的智能事件和加载选项
    定义的高和宽中保证显示项目对齐(左/中/右).
    支持动态添加和删除显示项目
    幻灯创建后也可以支持获取,重置或者设置配置选项

Open资讯整理