转:37个新鲜的jQuery图像显示解决方案

转:http://hi.baidu.com/xlmxbg/blog/item/cba51634e4bf8f42241f1418.html

english version: http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-solutions/

jQuery是已经非常受欢迎的程序代码了,因为它运行快、语言简洁,还能用流畅的动画处理不同的事件。在这里您将有超过35个不同的Javascript画廊样式来解决您独特的图像显示要求。

为了让您更容易的选择,我还为每一个jQuery插件增加了演示链接!

1. ImageFlow - 非常cool类于Flash效果图片查看器。| 演示
 

2. GalleryView - GalleryView是一个灵活的内容幻灯播放jQuery插件。它提供的容器能够展示HTML内容,并能够为当前展示的内容添加标题说明。| 演示
 

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

4. PrettyPhoto jQuery Lightbox Clone - prettyPhoto是jQuery lightbox的一个“克隆”。并增加动画效果,图库浏览等特性。 | View Demo

5. Create Beautiful jQuery slider tutorial - 图像与文字结合的jQuery滑块 | View Demo

6. AD Gallery – a jQuery gallery plugin - 一个高度可定制的画廊/展示了jQuery插件。 | View Demo

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

8. Shadowbox - Shadowbox是一个拥有Lightbox效果的多媒体文件查看工具。完全采用JavaScript和CSS开发,代码简洁、模块化底层可以使用多种JavasCript框架,提供多种适配器支持。Shadowbox.js可以显示单个/多个图片或Flash或视频,支持resize操作和fade效果。格式包括:图片,Flash,视频(QuickTime、MPEG-4、Windows Media、YouTube、Google Video)。 | View Demo

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

10. Colorbox - ColorBox是一个采用jQuery开发,可定制的Lightbox控件。可以通过CSS改变内容展示框。ColorBox支持单张图片,图片组,Ajax HTML,Inline HTML,Flash/Video,Iframed等内容。 | View Demo

11. The Lightbox Clones Matrix - 比较各种文字和图像显示,在某种程度上冷却其他物体的CSS弹出式窗口 |

12. Full screen image gallery using jQuery and Flickr - 这是一个全屏幕图像库的自动缩放,并保持了高宽比的形象,以填补浏览器的背景。它还支持Flickr搜索引擎,缩略图,标题,preloader和一些其他东西。 | View Demo

13. Moving Boxes - Moving Boxes是一个Content Slider jQuery插件,提供按纽控制内容面板变换,放大和缩小。面板的数量和初化大小与宽度都可以利用参数控制。Moving Boxes还支持通过键盘的导航键,空格键和回车键控制面板变换。 | View Demo

14. Creating a Slick Auto-Playing Featured Content Slider - 创建精选滑块内容 | View Demo

15. Start/Stop Slider | View Demo

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

17. Pirobox V.1.2.1 - 采用jQuery开发的Lightbox控件。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。 |View Demo

18. s3Slider jQuery plugin - s3Slider是一个jQuery slideshow插件,可以在图片上的任意位置,透明显示当前所放映图片的说明信息。| View Demo

19. CSS and Jquery – Creating an Image Slider | View Demo

20. Create an Image Rotator with Description (CSS/jQuery) | View Demo

21. jQuery spherical panorama viewer - jQuery插件-spherical panorama viewer,全景预览器,js实现,并不依赖于java或者quicktime | View Demo

22. Zoomimage – jQuery plugin - 该jQuery插件能够让以当前流行的方式来展示图片。提供:预加载图片提示,对图片进行分组,自动调整图片显示比例,图片分组浏览控制。| View Demo

23. Building a jQuery Image Scroller | View Demo

24. Easy Slider 1.5 – The Easiest jQuery Plugin For Sliding Images and Content - 一个jQuery插件,当点击导航按纽时可以水平或垂直播放图片或其它任何内容。 | View Demo

25. jQuery Panel Gallery Plugin | View Demo
- 没有切片或图像编辑需要
- 这个文件只有5k
- 便于配置
- 可重复使用的多个容器

26. Supersized – Full Screen Background/Slideshow jQuery Plugin - Supersized这个jQuery插件能够根据用户浏览器窗口的大小自动调整背景图片大小并能够让它们以幻灯片放映的方式运行。 | View Demo

27. Pikachoose - Pikachoose是一个轻量级jQuery插件,能够很方便地以幻灯片、导航按纽控制或自动播放的方式展示一组照片。 | View Demo

28. jQuery Image Overlay Plugin - The image overlay plugin 是一个简单的jQuery插件,试图提出一个覆盖图像的标题。| View Demo

29. imgAreaSelect - imgAreaSelect是一个选择图像的矩形区域的jQuery插件。它允许网页开发人员能够轻松实现图像剪裁功能,以及其他用户界面功能,如图片说明(如Flickr上的)。| View Demo

插件功能:
- 高度可配置
- 用CSS自定义样式
- 缩放图像处理
- 键盘支持移动和调整大小的选择
- 支持回调函数
- 提供API函数更容易与其他应用程序组件的集成
- 轻量级-拥挤的版本低于8KB的

30. PFeloader - 这是一个preloader,它会扫描DOM和加载样式表的形象出现(表格,样式,元素)。样式表文件要在同一个域中的网页使用它。 | View Demo

31. Image Reveal using jQuery - 图片滑动放大的jQuery程序 | View Demo

32. The jQuery Cycle Plugin - 在jQuery周期插件是一个轻量级的幻灯片插件。它支持暂停,悬停,自动停机,自动适应,前/后回调,单击触发器和许多转型期的影响。 | View Demo

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

34. CrossSlide jQuery plugin - CrossSlide这个jQuery插件实现了一些常用Javascript幻灯片放映动画效果如:动态地移动、缩放、渐变、滑入/滑出等。| View Demo

35. Fancy Thumbnail Hover Effect w/ jQuery - 花式缩略图悬停jQuery效果 | View Demo

36. Apple-like Slideshow Gallery - 苹果幻灯片画廊 | View Demo

37. JQZoom - 基于jQuery开发的图片放大镜插件。| View Demo

来源:37 Fresh jQuery Image And Gallery Display Solutions

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值