`
Breese
  • 浏览: 62875 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

30个图片浏览插件收集(转载)

 
阅读更多

30个图片浏览插件收集

1、MultiBox

一个lightbox支持的内容格式包括:图片,Flash,视频,mp3,html。

主页:http://www.phatfusion.net/multibox/

下载:http://www.phatfusion.net/multibox/multibox.zip

示例:http://www.phatfusion.net/multibox/

2、ImageMenu

一个图片展示控件。当鼠标移到某一张图片时将展开整张图片。

主页:http://www.phatfusion.net/imagemenu/

下载:http://www.phatfusion.net/imagemenu/imagemenu.zip

示例:http://www.phatfusion.net/imagemenu/

3、Imago

一个基于Mootools框架开发的Ajax Image Gallery 。

主页:http://imago.codeboje.de/

下载:http://codeboje.de/downloads/imago_v07.zip

示例:http://codeboje.de/imago/samplegallery/

4、MooFlow

MooFlow是一个Javascript相册,样式类似于苹果的iTunes和Finder中的Cover Flow。

主页:http://www.outcut.de/MooFlow/

下载:http://www.outcut.de/MooFlow/Download.html

示例:http://www.outcut.de/MooFlow/example-ajax.html

5、Pamoorama

如果一张图片比较大,它只会显示整张图片的一部分。当鼠标在缩略图上某一范围移动时,能够将这一范围内的大图片显示出来。

主页:http://www.silverscripting.com/pamoorama/index.php

下载:http://www.silverscripting.com/pamoorama/pamoorama0.3.js

示例:http://www.silverscripting.com/pamoorama/sample1.html

6、mooSlideBox 

MooSlideBox是一款基于ajax的小巧幻灯片特效工具,不同于其它LightBox,mooSlideBox采用底部弹出+碰撞+拖拽的效果。

主页:http://www.artviper.net/test/ajaxslide/

下载:http://www.artviper.net/test/mooSlide2/mooSlide2.rar

示例:http://www.artviper.net/test/mooSlide2/index.html

7、phatfusion Lightbox 

这个Lightbox控件基于Mootools开发,它在页角上增加了向前/后退两按纽并能够用html来编写描述说明。

主页:http://www.phatfusion.net/lightbox/

下载:http://www.phatfusion.net/lightbox/lightbox.zip

示例:http://www.phatfusion.net/lightbox/

 

8、iCarousel

iCarousel是一个开源的javascript工具用于创建旋转/轮播效果的控件。

主页:http://zendold.lojcomm.com.br/icarousel/

下载:http://zendold.lojcomm.com.br/icarousel/

示例:http://zendold.lojcomm.com.br/icarousel/

9、Slideshow 2!

Slideshow2!这个javascript工具能够以幻灯片播放的效果展示一组图片。

主页:http://www.electricprism.com/aeron/slideshow/

下载:http://code.google.com/p/slideshow

示例:http://www.electricprism.com/aeron/slideshow/example1.html

10、NoobSlide

NoobSlide是一个基于mootools开发的图库控件,提供7种不同的图片播放方式。

主页:http://www.efectorelativo.net/laboratory/noobSlide/

下载:http://www.efectorelativo.net/laboratory/noobSlide/class.noobSlide.js_[mootools_1.2].zip

示例:http://www.efectorelativo.net/laboratory/noobSlide/

11、Slimbox

Slimbox是模仿Lightbox2,基于Mootools开发的Lightbox控件。只有6kb大小,比起Lightbox2更加便于使用。

主页:http://www.digitalia.be/software/slimbox

下载:http://www.digitalia.be/software/slimbox

示例:http://www.digitalia.be/software/slimbox

12、E2 Photo Gallery 

基于Mootools JavaScript框架开发的开源相册控件。

主页:http://www.e2interactive.com/e2_photo_gallery/download.php

下载:http://www.e2interactive.com/e2_photo_gallery/e2_photo_gallery_full.zip

示例:http://www.e2interactive.com/e2_photo_gallery/demo.php

13、SmoothGallery

SmoothGallery是一个基于mootools开发具有幻灯片放映效果的JS相册控件。

主页:http://smoothgallery.jondesign.net/showcase/gallery/

下载:http://smoothgallery.jondesign.net/download/

示例:http://smoothgallery.jondesign.net/showcase/gallery/

 

14、Slideshow with Mootools 

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

主页:http://www.phatfusion.net/slideshow/index.htm

下载:http://www.phatfusion.net/slideshow/slideshow.zip

示例:http://www.phatfusion.net/slideshow/index.htm

15、Milkbox

Milkbox基于Mootools1.2框架开发的Lightbox控件。

主页:http://reghellin.com/milkbox/

下载:http://www.reghellin.com/milkbox/milkbox2.2.1.zip

示例:http://reghellin.com/milkbox/#

16、UvumiTools Gallery 

采用Mootools框架开发的相册图片展示插件。图片加载进度提醒,能够按图片大小自动调整展示窗口大小,搜索引擎优化,多浏览器支持( Firefox2&3、Internet Explorer6&7、Opera 9、Safari 3)。

主页:http://tools.uvumi.com/gallery.html

下载:http://tools.uvumi.com/download.php

示例:http://tools.uvumi.com/gallery.html

17、Moo.flection 

利用Moo.flection能够为图片添加透明倒影效果。

主页:http://www.setragasj.nl/mooflection/

下载:http://www.setragasj.nl/mooflection/js/moo.flection.js

示例:http://www.setragasj.nl/mooflection/

18、Image Gallery Mootools 

采用Mootools框架开发的Javascript Image Gallery。

主页:http://tutorialdog.com/javascript-image-gallery-using-mootools/

下载:http://tutorialdog.com/wp-content/uploads/2008/01/imagegallery.zip

示例:http://tutorialdog.com/javascript-image-gallery-using-mootools/

19、BarackSlideshow

采用MooTools1.2开发,幻灯片效果展示图片的JScript程序。

主页:http://devthought.com/barackslideshow-an-elegant-lightweight-slideshow-script/

下载:http://devthought.com/wp-content/moogets/BarackSlideshow/BarackSlideshow-0.2.zip

示例:http://devthought.com/wp-content/moogets/BarackSlideshow/demo.html

 

20、SlideItMoo

SlideItMoo是一个采用Mootools开发的image slider控件。

主页:http://www.php-help.ro/mootools-12-javascript-examples/mootools-12-image-slider-slideitmoo/

下载:http://www.php-help.ro/wp-content/uploads/2008/11/slideitmoo_image_slider.zip

示例:http://www.php-help.ro/examples/mootools_rotator/

21、QuickBox

QuickBox是一个基于Mootools1.2版本开发的Lightbox控件。与其它Lightbox控件相比,它最大不同之处在于可以利用鼠标滚轮控制图片切换。

主页:http://www.andrewplummer.com/code/quickbox/

下载:http://www.andrewplummer.com/code/download/quickbox/

示例:http://www.andrewplummer.com/code/quickbox/

22、BySlideMenu

BySlideMenu是一个Mootools插件,能够让你在任何元素上(ul/li、div、p)轻松创建漂亮的折叠菜单(accordion menu/sliding menu)。支持水平与垂直方向。菜单容器的长/宽能够自动调整。可以通过鼠标移过或单击展开/固定菜单,随你设置。可以设置菜单默认展开位置。支持Overflow。
BySlideMenu2.jpg
BySlideMenu.jpg

主页:http://www.byscripts.info/mootools/byslidemenu

下载:http://www.byscripts.info/mootools/download/byslidemenu/1.1

示例:http://www.byscripts.info/mootools/byslidemenu

23、MooTooltips

MooTooltips是一个采用MooTools开发的Tooltip控件。拥有漂亮的气泡外框,支持从Ajax,页面HTML获取需要显示的内容。
MooTooltips.jpg

主页:http://www.php-help.ro/mootools-12-javascript-examples/mootooltips-easy-to-make-good-looking-tooltips/

下载:http://www.php-help.ro/wp-content/uploads/2009/03/mootooltips.zip

示例:http://www.php-help.ro/examples/mootooltips-javascript-tooltips/

24、ImageZoom

ImageZoom是一个基于Mootools开发的LightBox大图片展示工具,特别适合于在相册中使用。与其它LightBox控件相比它的不同之处在于:展开的图片可以四周拖动。可以同时打开多张图片。更便于用户找到导航按纽。
ImageZoom.jpg

主页:http://www.bertramakers.com/moolabs/imagezoom.php

下载:http://www.bertramakers.com/moolabs/imagezoom/ImageZoom-1.2.zip

示例:http://www.bertramakers.com/moolabs/imagezoom.php

25、ByCropper

ByCropper是一个采用Mootools1.2开发的图片裁剪工具。它能够裁剪后的图片尺寸信息设置到相应的HTML表单中。可以设置裁剪比例,默认裁剪尺寸,最大和最小裁剪尺寸,被裁剪掉区域的颜色和透明度。
ByCropper.jpg

主页:http://www.byscripts.info/scripts/javascript-dynamic-image-cropper

下载:http://www.byscripts.info/mootools/download/bycropper/0.9

示例:http://www.byscripts.info/scripts/javascript-dynamic-image-cropper

26、Viewer

Viewer是一个利用Mootools框架开发的图片和文本内容幻灯片放映控件(Slideshow)。支持手动与自动播放两种模式。
Viewer.jpg

主页:http://www.efectorelativo.net/laboratory/viewer/

下载:http://www.efectorelativo.net/laboratory/viewer/class.viewer.js.zip

示例:http://www.efectorelativo.net/laboratory/viewer/

27、Bumpbox

Bumpbox是一个基于Mootools开发的Lightbox控件。它可以自动探测要展示的内容类型,不需要预先指定。Bumpbox除了可以展示FLV、SWF、图片和HTML内容之外,还可以展示PDF文件。Bumpbox在展示FLV文件的时候,使用Flowplayer做为它的播放器。
bumpbox-lightbox.jpg

主页:http://www.artviper.net/bumpbox.php

下载:http://www.artviper.net/download/bumpbox.rar

示例:http://www.artviper.net/bumpbox.php

28、ImageCaption

ImageCaption是一个MooTools1.2+插件用于为页面中的image元素添加带边框的标题说明。边框样式可以自己定义。
18-01_imagecaption_lead_img.jpg

主页:http://sixrevisions.com/freebies/scripts/imagecaption-a-mootools-plugin-for-auto-captioning-images/

下载:http://downloads.sixrevisions.com/ImageCaption.zip

示例:http://sixrevisions.com/demo/imagecaption/ImageCaption.html

29、Floom

Floom是一个MooTools Slideshow插件,能够以漂亮的方式展示图片和它们的标题。它以遮蔽(Blind)效果实现不同图片之间的切换。可以开关标题显示,设置Slideshow间隔等。
Floom.jpg

主页:http://blog.olicio.us/2009/07/25/floom/

下载:http://nouincolor.com/floom/1.0/Source/floom-1.0.js

示例:http://nouincolor.com/floom/1.0/Demos/

30、SexyLightBox

SexyLightBox比经典的LightBox控件更漂亮,更轻量。可展示任意内容,且可选jQuery或Mootools框架。
SexyLightBox.jpg

主页:http://www.coders.me/web-html-js-css/javascript/sexy-lightbox-2

下载:http://sexy-lightbox.googlecode.com/files/sexy-lightbox-2.3.4.zip

示例:http://www.coders.me/ejemplos/sexy-lightbox-2/jQuery/

<script type="text/javascript"></script>
分享到:
评论

相关推荐

    图片浏览插件

    总之,“图片浏览插件”是一个方便网页展示图片的工具,通过JSON数据和JavaScript(可能借助jQuery库)来实现动态加载和交互功能。设计良好的插件会考虑到性能、可扩展性和用户体验,使其在各种应用场景下都能高效且...

    PhotoSwipe-图片浏览插件仿微信朋友圈程序文件

    PhotoSwipe是一款强大的JavaScript图片浏览器插件,专为移动设备和桌面浏览器设计,旨在提供类似于微信朋友圈的高质量图片浏览体验。这款插件以其简洁的用户界面、流畅的动画效果以及对触摸设备的良好支持而广受...

    jquery插件集-图片展示 幻灯片效果 图片浏览

    标题提到的“jquery插件集-图片展示 幻灯片效果 图片浏览”聚焦于利用jQuery实现的图片展示解决方案,这些插件通常用于网站设计,提升用户体验,特别是对于产品展示、摄影网站或任何需要吸引用户注意力的地方。...

    jquery图片浏览插件

    三、常见的jQuery图片浏览插件 1. **Fancybox**:一款功能强大的图片和媒体展示插件,支持图片、视频、iframe等多种内容,可高度定制化。 2. **Magnific Popup**:轻量级且可扩展的弹出插件,支持图片、视频、地图...

    jQuery H5移动端图片预览插件

    在这个背景下,"jQuery H5移动端图片预览插件"应运而生,它旨在解决移动端图片预览的问题,为用户提供流畅、高效且自适应的图片浏览体验。 这款插件主要针对手机和平板等移动设备设计,它能够无缝地集成到你的H5...

    js实现的很炫的图片浏览插件

    本压缩包提供了一个使用JavaScript实现的图片浏览插件,它具有强大的功能和炫酷的视觉效果,能为你的网站增添亮点。 【描述】:这个JS控件旨在通过动态效果和用户友好的交互来优化图片查看的过程。它可以轻松地集成...

    jquery viewer图片浏览插件

    功能强大的图片浏览插件,快捷好用,使用方法: https://mp.csdn.net/postedit/80702741

    移动端图片浏览插件

    简单粗暴的移动端图片浏览插件,无需额外引入css文件,一个js文件即可搞定。博客原文:https://blog.csdn.net/SundayAaron/article/details/81389464

    超强图片浏览插件

    【超强图片浏览插件】是一款高效且用户友好的图片相册浏览工具,它以其独特的功能和易用性在网页设计领域中脱颖而出。该插件主要适用于网页开发,为用户提供了一个流畅的图片查看体验,尤其适合那些需要展示大量图片...

    一款基于jQuery 左右带箭头的图片浏览控制插件.rar

    在这个上下文中,.rar文件包含的是这个图片浏览插件的所有资源,如JavaScript代码、CSS样式、可能的图片示例或者其他必要的配置文件。 从标签“jQuery 左右带箭头的图片浏览控制插件 rar”我们可以推断,这个插件...

    基于jquery的图片浏览插件

    **基于jQuery的图片浏览插件** 在Web开发中,图片展示是常见的需求,尤其是在电子商务、社交媒体和内容分享网站上。为了提升用户体验,开发者通常会使用专门的图片浏览插件来实现这一功能。本文将深入探讨“基于...

    简单好用的图片浏览插件jquery版本

    "简单好用的图片浏览插件jquery版本"就是这样的一个工具,它以其简洁易用和功能全面的特点受到了开发者们的青睐。 首先,"简单好用"是这款插件的核心优势之一。这意味着它具有直观的API,开发者可以快速上手,只...

    宝丽莱效果图片浏览插件,幻灯片,图片轮播

    总结来说,“宝丽莱效果图片浏览插件”是一个结合了JavaScript和jQuery技术的创新图片展示工具,它通过独特的宝丽莱风格和自由浏览模式,提升了网页图片展示的趣味性和互动性。通过解析压缩包内的文件,我们可以看到...

    js前端图片预览插件

    在这个图片预览插件中,Canvas用于动态渲染图片,为用户提供交互式的预览体验。 ### 2. 图片加载与显示 由于JavaScript加载图片时存在跨域问题,若图片资源与运行代码的服务器不在同一域下,浏览器出于安全考虑会...

    推荐个javascript图片浏览插件 仿微信朋友圈 图片+文字特效+分享、保存功能.zip

    在本主题中,我们关注的是一个使用JavaScript实现的图片浏览插件,它旨在仿照微信朋友圈的功能,包括图片浏览、文字特效以及分享和保存选项。 这个插件名为PhotoSwipe,是一个轻量级且强大的触摸友好的图片画廊库,...

    jquery flashSlider 图片浏览插件

    **jQuery flashSlider 图片浏览插件详解** 在Web开发中,动态、美观的图片展示是不可或缺的一部分,jQuery flashSlider就是这样一款强大的图片浏览插件。它以其简洁的代码、高效的性能和丰富的自定义选项赢得了广大...

    PSD缩略图浏览插件

    这种插件的出现解决了这个问题,为用户提供了更加直观和高效的文件浏览体验。 首先,我们需要理解PSD文件格式。PSD是Adobe Photoshop的原生文件格式,它保存了图像的所有图层、通道、调整、蒙版以及设计过程中的...

    jQuery图片预览插件

    当用户需要浏览一系列图片时,预览插件可以提供一个便捷的滑动或者翻页界面,让用户逐个查看。例如,jQuery lightbox插件就是这样的工具,它能够创建一个带导航按钮的画廊,用户可以通过点击按钮或者滑动鼠标在多张...

Global site tag (gtag.js) - Google Analytics