Mootools 图片展示插件(lightbox,ImageMenu)收集集合


Posted in Javascript onMay 21, 2010

1、MultiBox

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

Mootools 图片展示插件(lightbox,ImageMenu)收集集合

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

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

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

2、ImageMenu

一个图片展示控件。当鼠标移到某一张图片时将展开整张图片。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

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

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

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

3、Imago

一个基于Mootools框架开发的Ajax Image Gallery 。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

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

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

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

4、MooFlow

MooFlow是一个Javascript相册,样式类似于苹果的iTunes和Finder中的Cover Flow。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

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

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

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

5、Pamoorama

如果一张图片比较大,它只会显示整张图片的一部分。当鼠标在缩略图上某一范围移动时,能够将这一范围内的大图片显示出来。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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采用底部弹出+碰撞+拖拽的效果。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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来编写描述说明。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

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

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

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

 

8、iCarousel

iCarousel是一个开源的javascript工具用于创建旋转/轮播效果的控件。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

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

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

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

9、Slideshow 2!

Slideshow2!这个javascript工具能够以幻灯片播放的效果展示一组图片。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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种不同的图片播放方式。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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更加便于使用。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

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

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

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

12、E2 Photo Gallery 

基于Mootools JavaScript框架开发的开源相册控件。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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相册控件。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

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

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

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

 

14、Slideshow with Mootools 

采用Mootools开发的图片Slideshow控件。提供淡入淡出图片切换效果,控制图片播放、停止、向前、向后。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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控件。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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)。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

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

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

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

17、Moo.flection 

利用Moo.flection能够为图片添加透明倒影效果。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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程序。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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控件。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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控件相比,它最大不同之处在于可以利用鼠标滚轮控制图片切换。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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获取需要显示的内容。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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控件相比它的不同之处在于:展开的图片可以四周拖动。可以同时打开多张图片。更便于用户找到导航按纽。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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表单中。可以设置裁剪比例,默认裁剪尺寸,最大和最小裁剪尺寸,被裁剪掉区域的颜色和透明度。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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)。支持手动与自动播放两种模式。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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做为它的播放器。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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元素添加带边框的标题说明。边框样式可以自己定义。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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间隔等。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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框架。
Mootools 图片展示插件(lightbox,ImageMenu)收集集合

主页: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/

Javascript 相关文章推荐
JavaScript的public、private和privileged模式
Dec 28 Javascript
JQuery文本框高亮显示插件代码
Apr 02 Javascript
jquery实现智能感知连接外网搜索
May 21 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
Jul 23 Javascript
解决微信浏览器Javascript无法使用window.location.reload()刷新页面
Jun 21 Javascript
onmouseover事件和onmouseout事件全面理解
Aug 15 Javascript
js内置对象处理_打印学生成绩单的简单实现
Sep 24 Javascript
ES6概念 ymbol.for()方法
Dec 25 Javascript
Angular实现跨域(搜索框的下拉列表)
Feb 16 Javascript
linux 后台运行node服务指令方法
May 23 Javascript
初试vue-cli使用HBuilderx打包app的坑
Jul 17 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
Dec 06 Javascript
jquery 多级下拉菜单核心代码
May 21 #Javascript
JQuery 学习技巧总结
May 21 #Javascript
Jquery调用webService远程访问出错的解决方法
May 21 #Javascript
ExtJS 下拉多选框lovcombo
May 19 #Javascript
javascript 得到变量类型的函数
May 19 #Javascript
javascript 跨浏览器开发经验总结(五) js 事件
May 19 #Javascript
js 复制或插入Html的实现方法小结
May 19 #Javascript
You might like
php 分页类 扩展代码
2009/06/11 PHP
PHP字符串处理的10个简单方法
2010/06/30 PHP
PHP获取毫秒级时间戳的方法
2015/04/15 PHP
php实现的美国50个州选择列表实例
2015/04/20 PHP
PHP实现从PostgreSQL数据库检索数据分页显示及根据条件查找数据示例
2018/06/09 PHP
jQuery AnythingSlider滑动效果插件
2010/02/07 Javascript
FileUpload上传图片(图片不变形)
2010/08/05 Javascript
javascript多种数据类型表格排序代码分析
2010/09/11 Javascript
自制基于jQuery的智能提示插件一枚
2011/02/18 Javascript
常用Extjs工具:Extjs.util.Format使用方法
2012/03/22 Javascript
JS中的异常处理方法分享
2013/12/22 Javascript
javascript中的原型链深入理解
2014/02/24 Javascript
jquery图形密码实现方法
2015/03/11 Javascript
JavaScript中数组添加值和访问值常见问题
2016/02/06 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
详解前端构建工具gulpjs的使用介绍及技巧
2017/01/19 Javascript
jQuery页面弹出框实现文件上传
2017/02/09 Javascript
vue.js 实现图片本地预览 裁剪 压缩 上传功能
2018/03/01 Javascript
vue2.x集成百度UEditor富文本编辑器的方法
2018/09/21 Javascript
[02:48]DOTA2英雄基础教程 拉席克
2013/12/12 DOTA
Python入门篇之对象类型
2014/10/17 Python
python re模块findall()函数实例解析
2018/01/19 Python
python如何制作英文字典
2019/06/25 Python
Camille Jewelry官网:现代女性时尚首饰
2019/07/07 全球购物
德国50岁以上交友网站:Lebensfreunde
2020/03/18 全球购物
简单英文演讲稿
2014/01/01 职场文书
教导处工作制度
2014/01/18 职场文书
学生会主席事迹材料
2014/01/28 职场文书
自主招生自荐信指南
2014/02/04 职场文书
行政部岗位职责范本
2014/03/13 职场文书
计算机应用专业毕业生求职信
2014/06/03 职场文书
2014报到证办理个人委托书
2014/10/08 职场文书
房屋买卖委托书格式范本格式
2014/10/13 职场文书
2014年技术员工作总结
2014/11/18 职场文书
企业文化学习心得体会
2016/01/21 职场文书
测量JavaScript函数的性能各种方式对比
2021/04/27 Javascript