`

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

阅读更多

原文已经无法追寻出处,希望原作者谅解

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/

 

分享到:
评论

相关推荐

    mootools.js插件 1.4.5 core下载.zip

    比prototypejs更丰富、更强大的mootools.js插件 1.4.5 core下载。mootools.js可以生成较为复杂的、动态的网页交互效果,和jquery一样强大。。Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似...

    mootools

    9. **插件生态**:除了核心库,MooTools还有一个活跃的社区,开发了许多插件,如FormValidator(表单验证)、Element.Forms(元素表单化)等,丰富了其功能。 通过阅读《mootools.doc》文档,你可以深入了解...

    MooTools.Essentials

    《MooTools.Essentials》是MooTools官方发布的一份详细开发参考手册,主要针对JavaScript和Ajax开发者。这份PDF文档共275页,旨在为程序员提供全面、深入的MooTools框架知识,帮助他们更好地理解和应用这个强大的...

    Ajax+Json 基于Mootools一些常用的小插件实例集meteora-0.7.1

    7. **插件机制**:"meteora-0.7.1"作为插件实例集,可能包含了一些自定义的Mootools扩展,用于解决特定问题或提供特定功能。例如,可能有一个用于表格分页的插件,或者一个实现下拉菜单自动填充的插件。 通过学习和...

    the-wall:Mootools 的 Javascript 插件

    The Wall - Mootools 的 Javascript 插件 The Wall 是 Mootools javascript 框架的插件,旨在创建无限维度的墙。 它的灵活性允许不同的应用程序,从无限墙模式到 Coda 滑块模式。 The Wall 为较新的浏览器以及 ...

    mootools源码分析.rar

    MooTools是一个轻量级的JavaScript库,以其模块化、可扩展性和高性能著称。它提供了许多实用工具和功能,使Web开发更为便捷。通过对"Mootools源码分析"的深入探讨,我们可以了解到这个框架的核心设计理念和实现机制...

    Mootools 图片切换代码打包

    8. **插件系统**:Mootools有强大的插件机制,允许开发者扩展核心功能,可能这个打包的代码就是一个自定义的图片切换插件。 具体到这个“codefans.net”文件,这可能是一个包含Mootools图片切换代码的示例或者完整...

    MooTools1.4中文PDF手册+MooTools-Core-1.5.1.js

    MooTools是一款强大的JavaScript库,它提供了一套优雅的面向对象的编程接口和实用的工具集,便于开发者创建高效、可维护的Web应用程序。MooTools 1.4中文PDF手册与MooTools-Core-1.5.1.js是学习和使用MooTools的核心...

    Mootools v1.11 文档 pdf html Mootools v1.2.1 js

    MooTools 是一个轻量级、模块化的JavaScript库,它为Web开发提供了强大的工具和功能。这个压缩包包含了MooTools的两个主要版本——v1.11和v1.2.1的相关文档,以及可能的HTML和JavaScript文件,帮助开发者理解和使用...

    js mootools手风琴插件当鼠标移到某一张图片时将展开整张...

    js mootools手风琴插件当鼠标移到某一张图片时将展开整张... js mootools手风琴插件当鼠标移到某一张图片时将展开整张... js mootools手风琴插件当鼠标移到某一张图片时将展开整张...

    mootools-release-1.11

    8. **插件扩展**:MooTools的生态系统还包括一系列插件,如`More`集合,提供了额外的功能,如拖放、滑块、提示框等,这些插件可以方便地与核心库集成。 通过"mootools-release-1.11.js"这个文件,开发者可以直接...

    Mootools多选插件

    3. **演示示例**:`Demo`文件夹包含了一系列的示例代码,用于展示插件的不同用法和功能,这可以帮助开发者快速理解和应用插件。 4. **JavaScript代码**:`JS`目录可能包含了插件的核心JavaScript文件,其中包含了...

    mootools1.11中文文档

    9. **插件系统**:MooTools社区开发了许多插件,如Tips(提示框)、Sortable(可排序列表)、More(包含更多组件的扩展库)等,进一步增强了MooTools的功能。 10. **兼容性**:MooTools设计时考虑了多浏览器兼容性...

    Mootools 1.2.1 API 文档

    Mootools是一款强大的JavaScript库,它为Web开发者提供了丰富的功能和高效的工具,使得在浏览器端进行复杂的JavaScript编程变得更加便捷。Mootools 1.2.1是该库的一个版本,其API文档对于理解和使用这个库至关重要。...

    mootools帮助文档,很全面。

    9. **插件支持**:MooTools的生态中有许多第三方插件,它们扩展了MooTools的功能,如FormValidator用于表单验证,Fx.Slide用于滑动效果等。 10. **兼容性**:MooTools设计时考虑了浏览器兼容性,能良好地运行在IE6+...

    mootools 1.2 中文文档

    MooTools是一个轻量级的JavaScript库,设计思想源自于Prototype,但两者在实现和功能上有许多不同之处。MooTools 1.2是该库的一个稳定版本,它提供了丰富的功能集,包括DOM操作、事件处理、动画效果、Ajax交互等。这...

    mootools_1.2的中文文档

    **MooTools 1.2 中文文档** MooTools 是一个轻量级且功能强大的JavaScript框架,设计用于简化Web开发中的DOM操作、事件处理、动画效果以及Ajax交互。MooTools 1.2 版本是其重要的里程碑,提供了许多优化和改进,以...

    mootools-more-node:MooTools的一些插件更多设置,适用于nodejs

    MooTools More 1.5.2(Builder Hash:b3c34ea5741e817fb75a2894fb0ea49d) MooTools More包含许多帮助程序功能,使处理日期,字符串,颜色等更加容易。 出于明显的原因,未包含所有与DOM或其​​他与浏览器相关的...

    mootools的JS框架1.2版的,中文文档

    MooTools是一个强大的JavaScript框架,尤其在Web开发领域广受欢迎。1.2版本是MooTools的一个里程碑,它提供了一套高效、模块化的工具集,旨在简化JavaScript编程,提高代码的可维护性和性能。以下是对MooTools 1.2版...

Global site tag (gtag.js) - Google Analytics