分享40多个新鲜的jQuery图片和内容幻灯插件

毛博
2023-12-01

在这个集合中,你将能够找到最好最新的jQuery图片及其内容幻灯插件,你可以使用它们来创建令人惊叹的图片和内容幻灯。你可能发现非常难去选择那个插件最适合我们使用,因为所有的插件都拥有不同的功能。希望大家能够喜欢!

1. FlexSlider

FlexSlider是一个令人惊叹的,完全符合responsive的jQuery幻灯插件

 

2. Bubble Slideshow Effect with jQuery

在这个教程中我们将创建一个基于jQuery的气泡动画效果。非常好的方式在一个网站上以一个非常有趣的幻灯来展现一套图片,因为代码完全的模块化,你将能够很简单修改和使用。

 

3. Responsive Image Gallery with Thumbnail Carousel

使用这个插件你就可以使用缩略图创建使用一个易于响应的图片库。这个图片库拥有一个视图切换的功能,允许人们使用缩略轮播查看。同时也可以使用键盘导航。

 

4. Circular Content Carousel with jQuery

使用这个滚动内容轮播,你可以拥有一些块状内容的幻灯展现。点击“更多”将会滑动显示一个图片的说明,这样的话图片滚动时会同时带着内容说明一起滚动

 

5. Lateral On-Scroll Sliding with jQuery

在 这个教程中我们将展示如何创建一个“横向滚动滑动”效果。你可能在一些网站看到过这个超酷效果,例如, Nizo或者类似设计网站La Moulade。主要的想法是根据滚动位置来横向的滑动。将页面分为左右俩边,我们希望将出现在视野中的元素慢慢通过滚动移动到页面中间。(编译:本人以 前没有看到过这样酷的效果)

 

6. Scrollbar Visibility with jScrollPane

有的时候我们可能需要隐藏元素的滚动条,并且只在需要的时候才显示。Facebook的实时活动消息就是这样的一种实现。在这个教程中我们将展示如何使用jScrollPanel来扩展,使用这样功能来隐藏滚动条,并且在悬浮时显示

 

7. Timelinr

这个非常酷的时间轴插件,帮助你来根据年代来展示生活,使用这个插件,你可以很容易的实现自定义的选项,速度,透明等等。支持水平和垂直方向。(编译:在以前的Timelinr插件介绍中我们也给大家展示过)

 

8. SmartGallery

SmartGallery是一个轻量级的,加载快速并且完全自定义的图片库展示,特意为大量数据设计。拥有12个不同的变化效果,并且拥有一些变化效果和缩略图导航

 

9. Xml Driven Vertical News Scroller Script

vScroller展示了分类并且颜色码内容是一个笔直垂直滚动条。内容来源于XML文件,样式使用CSS3来实现新鲜好看的界面。

 

10. jQuery Sliding Content Bar Plugin: PushUp Content

这是一个聪明快速的内容条,很容易的整合到任何web设计或者基于web的应用。你可以无缝的整合到你自己的网站。除了这些,非常容易定制插件。你可以添加你的联系人信息,地址地图,和一个能联系到你的联系人表单设计

 

11. Skitter

Skitter是一个生成非常好看的幻灯展示的插件。你可以修改很多参数

 

12. Diapo

一个免费开源的jQuery幻灯插件。更有趣的是,你也可以在项目中使用,并且将它作为一个产品卖出去

(编译:同时也支持移动和触摸设备)

 

13. Craftyslide

一个基于jQuery的非常小的幻灯展示。意图使用简单,无褶皱处理的图片非常独特的生成简单,清晰和实用插件

 

14. Responsly.js

一套简单反馈式的widgets, 使用CSS3变化效果的插件

 

15. Elastislide

另外一个非常符合反馈式的jQuery旋转展示,自动调整大小和性能,能工作在任何的屏幕尺寸。将这个插件放入一个使用自由宽度的容器中,将使得这个插件也可以自由流动。

 

16. Blueberry

一个实验品的开源jQuery图片幻灯插件,主要设计为了符合fluid/responsive web布局

 

17. Slidorion

一个图片幻灯和手风琴效果的复合体。展示了漂亮图片并且可变长度的描述。Slidorion是一个传统jQuery幻灯的替代品。将图片连接到标签并且使用大量效果

 

18. bxSlider

一个jQuery HTML内容和图片幻灯

 

19. Minimit

一个高度自定义的jQuery插件几乎能做很多事情, 旋转式的图片库和幻灯展示。

 

20. Galleria

一个javascript的图片类库框架,基于jQuery类库。主要我为了web和移动设备创建专业的图片类库

 

21. jQuery Image Gallery

这是个最省劲的jQuery图片插件

 

22. rlightbox

另外一个jQuery UI媒体块能够用来显示不同的内容和图片,youtube和vimeo视频。拥有几个特色特性例如Panorma和实时改变大小。和其它jQuery UI widgets类似,支持ThemeRoller

 

23. jQuery MB Bgnd Gallery

使用这个jQuery插件你可以创建一个有内涵的插件,展示图片作为你的页面。图片自动改变大小。你可以使用键盘导航或者实用一个控制面板。

 

24. PikaChoose

一个轻量级别的jQuery幻灯插件允许使用旋转和lightbox方式来展示。简单安装,配置简单

 

25. Fluid Thumbnail Bar with jQuery

使用这个插件你可以创建一个fluid类型的缩略图用来导航

 

27. Elastic Image Slideshow with Thumbnail Preview

这里我们创建一个简单灵活使用缩略图的幻灯。根据容器自动调整大小。我们使用缩略图来查看或者自动播放。

 

28. Fullscreen Slideshow with HTML5 Audio and jQuery

在这个jQuery教程中我们将创建一个全屏图片幻灯来演示一个纽约图片系列。我们使用HTML5 audio元素来添加声音。使得幻灯非常具有生命力。

 

29. Image Wall with jQuery

使用这个插件你可以创建一个干净的图片墙。主要的想法是分散变化不同大小的缩略图,并且点击后会生成一个丝带幻灯,并且在图片旁显示描述内容。再次点击后会关闭,再打开的话会生成一个更大版本的图片

 

30. Rotating Image Slider with jQuery

 

31. Moving Boxes Content with jQuery

使用这个插件你可以创建一个漂亮动画的网站模板。 主要想法是将页面中的小块分散到网站顶部,当一个菜单项目被点击后,这些小的页面块会生成主要内容区域

 

32. Supersized 3.2 – Fullscreen Slideshow jQuery Plugin

使用这个插件你可以创建一个漂亮的全屏幻灯(编译:我们在以前插件介绍中介绍过)

 

33. Flip Box

Flip是一个jQuery插件可以帮助你4个方向翻转元素。

 

33. Flip Box

Flip是一个jQuery插件可以帮助你4个方向翻转元素。

 

34. Innovation Slide – Slide jquery plugin

使用这个插件你可以创建一个简单,轻量级,非常动态的图片展示。允许我们使用不同的内容,图片,文字等。

 

35. TN3 Gallery

使用这个插件你可以很简单的创建令人惊叹的图片库和幻灯,拥有非常流畅的变化效果,支持多相册,CSS皮肤,XML和Flickr支持。不需要浏览器插件。

 

36. Shutter Effect Portfolio with jQuery and Canvas

这个jQuery教程中,我们将使用HTML的Canvas元素来创建一个简单的图片作品集,使用照相机的快门效果展示一系列的图片。这个功能开发成了一个插件,方便大家使用

 

37. Photobooth with PHP, jQuery and CSS3

这个教程中,我们将创建一个jQuery和PHP支持的图片集,允许你的网站访问者使用web camera来拍照并且上传

 

38. Making a Flickr-powered Slideshow

这个教程将开发一个jQuery插件使用Flickr来快速创建幻灯,产品介绍或者演讲。使用Flickr的API和YQL来提取数据,然后它会生成标签和幻灯,并且监听事件。

 

39. How to Make Auto-Advancing Slideshows

使用这个插件我们可以创建HTML5的幻灯,支持简单配置自动播放

 

40. Sliding Contents With JQuery

Slider kit的目的是收集所有的幻灯式样的jQuery功能(例如,新闻幻灯,图片库和幻灯,滚动幻灯,tab菜单),并且整合CSS皮肤

 

41. Slides

一个很简单开发的幻灯插件。拥有很多特性帮助初学者和高级开发人士来创建优雅友好的幻灯

 

42. Slidy

一个jQuery插件可以生成自定义的自动变化效果

转载于:https://www.cnblogs.com/piuba/archive/2012/11/26/2788562.html

 类似资料: