ホームページ >ウェブフロントエンド >jsチュートリアル >Mootools 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

Mootools 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

WBOYオリジナル: 2016-05-16 18:26:421367ブラウズ

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 。
Mootools 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

主页: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 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

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

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

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

5、Pamoorama

如果一张图片比较大，它只会显示整张图片的一部分。当鼠标在缩略图上某一范围移动时，能够将这一范围内的大图片显示出来。
Mootools 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

主页: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 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

主页: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 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

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

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

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

8、iCarousel

iCarousel是一个开源的javascript工具用于创建旋转/轮播效果的控件。
Mootools 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

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

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

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

9、Slideshow 2!

Slideshow2!这个javascript工具能够以幻灯片播放的效果展示一组图片。
Mootools 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

主页: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 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

主页: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 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

主页: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 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

主页: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控件。提供淡入淡出图片切换效果，控制图片播放、停止、向前、向后。
Mootools 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

主页: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 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

主页: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 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

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

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

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

17、Moo.flection

利用Moo.flection能够为图片添加透明倒影效果。
Mootools 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

主页: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 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

主页: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控件相比，它最大不同之处在于可以利用鼠标滚轮控制图片切换。
Mootools 画像表示プラグイン（ライトボックス、ImageMenu） collection_Mootools

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