- 时间:2021-05-15 04:37 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:Mootools 图片展示插件(lightbox,ImageMenu)收集集合
1、[b]MultiBox[/b]
一个lightbox支持的内容格式包括:图片,Flash,视频,mp3,html。
[img]http://files.jb51.net/upload/201005/20100521025843562.jpg[/img]
主页:[url=http://www.phatfusion.net/multibox/]http://www.phatfusion.net/multibox/[/url]
下载:[url=http://www.phatfusion.net/multibox/multibox.zip]http://www.phatfusion.net/multibox/multibox.zip[/url]
示例:[url=http://www.phatfusion.net/multibox/]http://www.phatfusion.net/multibox/[/url]
2、[b]ImageMenu[/b]
一个图片展示控件。当鼠标移到某一张图片时将展开整张图片。
[b][img]http://files.jb51.net/upload/201005/20100521025844572.jpg[/img]
[/b]
主页:[url=http://www.phatfusion.net/imagemenu/]http://www.phatfusion.net/imagemenu/[/url]
下载:[url=http://www.phatfusion.net/imagemenu/imagemenu.zip]http://www.phatfusion.net/imagemenu/imagemenu.zip[/url]
示例:[url=http://www.phatfusion.net/imagemenu/]http://www.phatfusion.net/imagemenu/[/url]
3、[b]Imago[/b]
一个基于Mootools框架开发的Ajax Image Gallery 。
[img]http://www.open-open.com/ajax/pimage/screenshot_imago.png[/img]
主页:[url=http://imago.codeboje.de/]http://imago.codeboje.de/[/url]
下载:[url=http://codeboje.de/downloads/imago_v07.zip]http://codeboje.de/downloads/imago_v07.zip[/url]
示例:[url=http://codeboje.de/imago/samplegallery/]http://codeboje.de/imago/samplegallery/[/url]
4、[b]MooFlow[/b]
MooFlow是一个Javascript相册,样式类似于苹果的iTunes和Finder中的Cover Flow。
[img]http://files.jb51.net/upload/201005/20100521025844369.jpg[/img]
主页:[url=http://www.outcut.de/MooFlow/]http://www.outcut.de/MooFlow/[/url]
下载:[url=http://www.outcut.de/MooFlow/Download.html]http://www.outcut.de/MooFlow/Download.html[/url]
示例:[url=http://www.outcut.de/MooFlow/example-ajax.html]http://www.outcut.de/MooFlow/example-ajax.html[/url]
5、[b]Pamoorama[/b]
如果一张图片比较大,它只会显示整张图片的一部分。当鼠标在缩略图上某一范围移动时,能够将这一范围内的大图片显示出来。
[img]http://files.jb51.net/upload/201005/20100521025844719.jpg[/img]
主页:[url=http://www.silverscripting.com/pamoorama/index.php]http://www.silverscripting.com/pamoorama/index.php[/url]
下载:[url=http://www.silverscripting.com/pamoorama/pamoorama0.3.js]http://www.silverscripting.com/pamoorama/pamoorama0.3.js[/url]
示例:[url=http://www.silverscripting.com/pamoorama/sample1.html]http://www.silverscripting.com/pamoorama/sample1.html[/url]
6、[b]mooSlideBox [/b]
MooSlideBox是一款基于ajax的小巧幻灯片特效工具,不同于其它LightBox,mooSlideBox采用底部弹出+碰撞+拖拽的效果。
[img]http://files.jb51.net/upload/201005/20100521025844811.jpg[/img]
主页:[url=http://www.artviper.net/test/ajaxslide/]http://www.artviper.net/test/ajaxslide/[/url]
下载:[url=http://www.artviper.net/test/mooSlide2/mooSlide2.rar]http://www.artviper.net/test/mooSlide2/mooSlide2.rar[/url]
示例:[url=http://www.artviper.net/test/mooSlide2/index.html]http://www.artviper.net/test/mooSlide2/index.html[/url]
7、[b]phatfusion Lightbox [/b]
这个Lightbox控件基于Mootools开发,它在页角上增加了向前/后退两按纽并能够用html来编写描述说明。
[img]http://files.jb51.net/upload/201005/20100521025844663.jpg[/img]
主页:[url=http://www.phatfusion.net/lightbox/]http://www.phatfusion.net/lightbox/[/url]
下载:[url=http://www.phatfusion.net/lightbox/lightbox.zip]http://www.phatfusion.net/lightbox/lightbox.zip[/url]
示例:[url=http://www.phatfusion.net/lightbox/]http://www.phatfusion.net/lightbox/[/url]
8、[b]iCarousel[/b]
iCarousel是一个开源的javascript工具用于创建旋转/轮播效果的控件。
[img]http://files.jb51.net/upload/201005/20100521025844881.jpg[/img]
主页:[url=http://zendold.lojcomm.com.br/icarousel/]http://zendold.lojcomm.com.br/icarousel/[/url]
下载:[url=http://zendold.lojcomm.com.br/icarousel/]http://zendold.lojcomm.com.br/icarousel/[/url]
示例:[url=http://zendold.lojcomm.com.br/icarousel/]http://zendold.lojcomm.com.br/icarousel/[/url]
9、[b]Slideshow 2![/b]
Slideshow2!这个javascript工具能够以幻灯片播放的效果展示一组图片。
[img]http://www.open-open.com/ajax/pimage/Slideshow2.jpg[/img]
主页:[url=http://www.electricprism.com/aeron/slideshow/]http://www.electricprism.com/aeron/slideshow/[/url]
下载:[url=http://code.google.com/p/slideshow]http://code.google.com/p/slideshow[/url]
示例:[url=http://www.electricprism.com/aeron/slideshow/example1.html]http://www.electricprism.com/aeron/slideshow/example1.html[/url]
10、[b]NoobSlide[/b]
NoobSlide是一个基于mootools开发的图库控件,提供7种不同的图片播放方式。
[img]http://files.jb51.net/upload/201005/20100521025846449.jpg[/img]
主页:[url=http://www.efectorelativo.net/laboratory/noobSlide/]http://www.efectorelativo.net/laboratory/noobSlide/[/url]
下载:[url=http://www.efectorelativo.net/laboratory/noobSlide/class.noobSlide.js_[mootools_1.2].zip]http://www.efectorelativo.net/laboratory/noobSlide/class.noobSlide.js_[mootools_1.2].zip[/url]
示例:[url=http://www.efectorelativo.net/laboratory/noobSlide/]http://www.efectorelativo.net/laboratory/noobSlide/[/url]
11、[b]Slimbox[/b]
Slimbox是模仿Lightbox2,基于Mootools开发的Lightbox控件。只有6kb大小,比起Lightbox2更加便于使用。
[img]http://files.jb51.net/upload/201005/20100521025846214.jpg[/img]
主页:[url=http://www.digitalia.be/software/slimbox]http://www.digitalia.be/software/slimbox[/url]
下载:[url=http://www.digitalia.be/software/slimbox]http://www.digitalia.be/software/slimbox[/url]
示例:[url=http://www.digitalia.be/software/slimbox]http://www.digitalia.be/software/slimbox[/url]
12、[b]E2 Photo Gallery [/b]
基于Mootools JavaScript框架开发的开源相册控件。
[img]http://files.jb51.net/upload/201005/20100521025846929.jpg[/img]
主页:[url=http://www.e2interactive.com/e2_photo_gallery/download.php]http://www.e2interactive.com/e2_photo_gallery/download.php[/url]
下载:[url=http://www.e2interactive.com/e2_photo_gallery/e2_photo_gallery_full.zip]http://www.e2interactive.com/e2_photo_gallery/e2_photo_gallery_full.zip[/url]
示例:[url=http://www.e2interactive.com/e2_photo_gallery/demo.php]http://www.e2interactive.com/e2_photo_gallery/demo.php[/url]
13、[b]SmoothGallery[/b]
SmoothGallery是一个基于mootools开发具有幻灯片放映效果的JS相册控件。
[b][img]http://files.jb51.net/upload/201005/20100521025846236.jpg[/img]
[/b]
主页:[url=http://smoothgallery.jondesign.net/showcase/gallery/]http://smoothgallery.jondesign.net/showcase/gallery/[/url]
下载:[url=http://smoothgallery.jondesign.net/download/]http://smoothgallery.jondesign.net/download/[/url]
示例:[url=http://smoothgallery.jondesign.net/showcase/gallery/]http://smoothgallery.jondesign.net/showcase/gallery/[/url]
14、[b]Slideshow with Mootools[/b]
采用Mootools开发的图片Slideshow控件。提供淡入淡出图片切换效果,控制图片播放、停止、向前、向后。
[img]http://files.jb51.net/upload/201005/20100521025846702.jpg[/img]
主页:[url=http://www.phatfusion.net/slideshow/index.htm]http://www.phatfusion.net/slideshow/index.htm[/url]
下载:[url=http://www.phatfusion.net/slideshow/slideshow.zip]http://www.phatfusion.net/slideshow/slideshow.zip[/url]
示例:[url=http://www.phatfusion.net/slideshow/index.htm]http://www.phatfusion.net/slideshow/index.htm[/url]
15、[b]Milkbox[/b]
Milkbox基于Mootools1.2框架开发的Lightbox控件。
[img]http://files.jb51.net/upload/201005/20100521025846844.jpg[/img]
主页:[url=http://reghellin.com/milkbox/]http://reghellin.com/milkbox/[/url]
下载:[url=http://www.reghellin.com/milkbox/milkbox2.2.1.zip]http://www.reghellin.com/milkbox/milkbox2.2.1.zip[/url]
示例:[url=http://reghellin.com/milkbox/]http://reghellin.com/milkbox/#[/url]
16、[b]UvumiTools Gallery [/b]
采用Mootools框架开发的相册图片展示插件。图片加载进度提醒,能够按图片大小自动调整展示窗口大小,搜索引擎优化,多浏览器支持( Firefox2&3、Internet Explorer6&7、Opera 9、Safari 3)。
[img]http://files.jb51.net/upload/201005/20100521025847229.jpg[/img]
主页:[url=http://tools.uvumi.com/gallery.html]http://tools.uvumi.com/gallery.html[/url]
下载:[url=http://tools.uvumi.com/download.php]http://tools.uvumi.com/download.php[/url]
示例:[url=http://tools.uvumi.com/gallery.html]http://tools.uvumi.com/gallery.html[/url]
17、[b]Moo.flection[/b]
利用Moo.flection能够为图片添加透明倒影效果。
[img]http://files.jb51.net/upload/201005/20100521025847908.jpg[/img]
主页:[url=http://www.setragasj.nl/mooflection/]http://www.setragasj.nl/mooflection/[/url]
下载:[url=http://www.setragasj.nl/mooflection/js/moo.flection.js]http://www.setragasj.nl/mooflection/js/moo.flection.js[/url]
示例:[url=http://www.setragasj.nl/mooflection/]http://www.setragasj.nl/mooflection/[/url]
18、[b]Image Gallery Mootools [/b]
采用Mootools框架开发的Javascript Image Gallery。
[img]http://files.jb51.net/upload/201005/20100521025847804.jpg[/img]
主页:[url=http://tutorialdog.com/javascript-image-gallery-using-mootools/]http://tutorialdog.com/javascript-image-gallery-using-mootools/[/url]
下载:[url=http://tutorialdog.com/wp-content/uploads/2008/01/imagegallery.zip]http://tutorialdog.com/wp-content/uploads/2008/01/imagegallery.zip[/url]
示例:[url=http://tutorialdog.com/javascript-image-gallery-using-mootools/]http://tutorialdog.com/javascript-image-gallery-using-mootools/[/url]
19、[b]BarackSlideshow[/b]
采用MooTools1.2开发,幻灯片效果展示图片的JScript程序。
[b][img]http://files.jb51.net/upload/201005/20100521025848336.jpg[/img]
[/b]
主页:[url=http://devthought.com/barackslideshow-an-elegant-lightweight-slideshow-script/]http://devthought.com/barackslideshow-an-elegant-lightweight-slideshow-script/[/url]
下载:[url=http://devthought.com/wp-content/moogets/BarackSlideshow/BarackSlideshow-0.2.zip]http://devthought.com/wp-content/moogets/BarackSlideshow/BarackSlideshow-0.2.zip[/url]
示例:[url=http://devthought.com/wp-content/moogets/BarackSlideshow/demo.html]http://devthought.com/wp-content/moogets/BarackSlideshow/demo.html[/url]
20、[b]SlideItMoo[/b]
SlideItMoo是一个采用Mootools开发的image slider控件。
[b][img]http://files.jb51.net/upload/201005/20100521025848763.jpg[/img]
[/b]
主页:[url=http://www.php-help.ro/mootools-12-javascript-examples/mootools-12-image-slider-slideitmoo/]http://www.php-help.ro/mootools-12-javascript-examples/mootools-12-image-slider-slideitmoo/[/url]
下载:[url=http://www.php-help.ro/wp-content/uploads/2008/11/slideitmoo_image_slider.zip]http://www.php-help.ro/wp-content/uploads/2008/11/slideitmoo_image_slider.zip[/url]
示例:[url=http://www.php-help.ro/examples/mootools_rotator/]http://www.php-help.ro/examples/mootools_rotator/[/url]
21、[b]QuickBox[/b]
QuickBox是一个基于Mootools1.2版本开发的Lightbox控件。与其它Lightbox控件相比,它最大不同之处在于可以利用鼠标滚轮控制图片切换。
[img]http://files.jb51.net/upload/201005/20100521025848604.jpg[/img]
主页:[url=http://www.andrewplummer.com/code/quickbox/]http://www.andrewplummer.com/code/quickbox/[/url]
下载:[url=http://www.andrewplummer.com/code/download/quickbox/]http://www.andrewplummer.com/code/download/quickbox/[/url]
示例:[url=http://www.andrewplummer.com/code/quickbox/]http://www.andrewplummer.com/code/quickbox/[/url]
22、[b]BySlideMenu[/b]
BySlideMenu是一个Mootools插件,能够让你在任何元素上(ul/li、div、p)轻松创建漂亮的折叠菜单(accordion menu/sliding menu)。支持水平与垂直方向。菜单容器的长/宽能够自动调整。可以通过鼠标移过或单击展开/固定菜单,随你设置。可以设置菜单默认展开位置。支持Overflow。
[img]http://files.jb51.net/upload/201005/20100521025848601.jpg[/img]
[img]http://files.jb51.net/upload/201005/20100521025848166.jpg[/img]
主页:[url=http://www.byscripts.info/mootools/byslidemenu]http://www.byscripts.info/mootools/byslidemenu[/url]
下载:[url=http://www.byscripts.info/mootools/download/byslidemenu/1.1]http://www.byscripts.info/mootools/download/byslidemenu/1.1[/url]
示例:[url=http://www.byscripts.info/mootools/byslidemenu]http://www.byscripts.info/mootools/byslidemenu[/url]
23、[b]MooTooltips[/b]
MooTooltips是一个采用MooTools开发的Tooltip控件。拥有漂亮的气泡外框,支持从Ajax,页面HTML获取需要显示的内容。
[img]http://files.jb51.net/upload/201005/20100521025849590.jpg[/img]
主页:[url=http://www.php-help.ro/mootools-12-javascript-examples/mootooltips-easy-to-make-good-looking-tooltips/]http://www.php-help.ro/mootools-12-javascript-examples/mootooltips-easy-to-make-good-looking-tooltips/[/url]
下载:[url=http://www.php-help.ro/wp-content/uploads/2009/03/mootooltips.zip]http://www.php-help.ro/wp-content/uploads/2009/03/mootooltips.zip[/url]
示例:[url=http://www.php-help.ro/examples/mootooltips-javascript-tooltips/]http://www.php-help.ro/examples/mootooltips-javascript-tooltips/[/url]
24、[b]ImageZoom[/b]
ImageZoom是一个基于Mootools开发的LightBox大图片展示工具,特别适合于在相册中使用。与其它LightBox控件相比它的不同之处在于:展开的图片可以四周拖动。可以同时打开多张图片。更便于用户找到导航按纽。
[img]http://files.jb51.net/upload/201005/20100521025849719.jpg[/img]
主页:[url=http://www.bertramakers.com/moolabs/imagezoom.php]http://www.bertramakers.com/moolabs/imagezoom.php[/url]
下载:[url=http://www.bertramakers.com/moolabs/imagezoom/ImageZoom-1.2.zip]http://www.bertramakers.com/moolabs/imagezoom/ImageZoom-1.2.zip[/url]
示例:[url=http://www.bertramakers.com/moolabs/imagezoom.php]http://www.bertramakers.com/moolabs/imagezoom.php[/url]
25、[b]ByCropper[/b]
ByCropper是一个采用Mootools1.2开发的图片裁剪工具。它能够裁剪后的图片尺寸信息设置到相应的HTML表单中。可以设置裁剪比例,默认裁剪尺寸,最大和最小裁剪尺寸,被裁剪掉区域的颜色和透明度。
[img]http://files.jb51.net/upload/201005/20100521025850692.jpg[/img]
主页:[url=http://www.byscripts.info/scripts/javascript-dynamic-image-cropper]http://www.byscripts.info/scripts/javascript-dynamic-image-cropper[/url]
下载:[url=http://www.byscripts.info/mootools/download/bycropper/0.9]http://www.byscripts.info/mootools/download/bycropper/0.9[/url]
示例:[url=http://www.byscripts.info/scripts/javascript-dynamic-image-cropper]http://www.byscripts.info/scripts/javascript-dynamic-image-cropper[/url]
26、[b]Viewer[/b]
Viewer是一个利用Mootools框架开发的图片和文本内容幻灯片放映控件(Slideshow)。支持手动与自动播放两种模式。
[img]http://files.jb51.net/upload/201005/20100521025850396.jpg[/img]
主页:[url=http://www.efectorelativo.net/laboratory/viewer/]http://www.efectorelativo.net/laboratory/viewer/[/url]
下载:[url=http://www.efectorelativo.net/laboratory/viewer/class.viewer.js.zip]http://www.efectorelativo.net/laboratory/viewer/class.viewer.js.zip[/url]
示例:[url=http://www.efectorelativo.net/laboratory/viewer/]http://www.efectorelativo.net/laboratory/viewer/[/url]
27、[b]Bumpbox[/b]
Bumpbox是一个基于Mootools开发的Lightbox控件。它可以自动探测要展示的内容类型,不需要预先指定。Bumpbox除了可以展示FLV、SWF、图片和HTML内容之外,还可以展示PDF文件。Bumpbox在展示FLV文件的时候,使用[url=http://www.flowplayer.org/]Flowplayer[/url]做为它的播放器。
[img]http://files.jb51.net/upload/201005/20100521025850785.jpg[/img]
主页:[url=http://www.artviper.net/bumpbox.php]http://www.artviper.net/bumpbox.php[/url]
下载:[url=http://www.artviper.net/download/bumpbox.rar]http://www.artviper.net/download/bumpbox.rar[/url]
示例:[url=http://www.artviper.net/bumpbox.php]http://www.artviper.net/bumpbox.php[/url]
28、[b]ImageCaption[/b]
ImageCaption是一个MooTools1.2+插件用于为页面中的image元素添加带边框的标题说明。边框样式可以自己定义。
[img]http://files.jb51.net/upload/201005/20100521025850278.jpg[/img]
主页:[url=http://sixrevisions.com/freebies/scripts/imagecaption-a-mootools-plugin-for-auto-captioning-images/]http://sixrevisions.com/freebies/scripts/imagecaption-a-mootools-plugin-for-auto-captioning-images/[/url]
下载:[url=http://downloads.sixrevisions.com/ImageCaption.zip]http://downloads.sixrevisions.com/ImageCaption.zip[/url]
示例:[url=http://sixrevisions.com/demo/imagecaption/ImageCaption.html]http://sixrevisions.com/demo/imagecaption/ImageCaption.html[/url]
29、[b]Floom[/b]
Floom是一个MooTools Slideshow插件,能够以漂亮的方式展示图片和它们的标题。它以遮蔽(Blind)效果实现不同图片之间的切换。可以开关标题显示,设置Slideshow间隔等。
[img]http://files.jb51.net/upload/201005/20100521025850937.jpg[/img]
主页:[url=http://blog.olicio.us/2009/07/25/floom/]http://blog.olicio.us/2009/07/25/floom/[/url]
下载:[url=http://nouincolor.com/floom/1.0/Source/floom-1.0.js]http://nouincolor.com/floom/1.0/Source/floom-1.0.js[/url]
示例:[url=http://nouincolor.com/floom/1.0/Demos/]http://nouincolor.com/floom/1.0/Demos/[/url]
30、[b]SexyLightBox[/b]
SexyLightBox比经典的LightBox控件更漂亮,更轻量。可展示任意内容,且可选jQuery或Mootools框架。
[img]http://files.jb51.net/upload/201005/20100521025850363.jpg[/img]
主页:[url=http://www.coders.me/web-html-js-css/javascript/sexy-lightbox-2]http://www.coders.me/web-html-js-css/javascript/sexy-lightbox-2[/url]
下载:[url=http://sexy-lightbox.googlecode.com/files/sexy-lightbox-2.3.4.zip]http://sexy-lightbox.googlecode.com/files/sexy-lightbox-2.3.4.zip[/url]
示例:[url=http://www.coders.me/ejemplos/sexy-lightbox-2/jQuery/]http://www.coders.me/ejemplos/sexy-lightbox-2/jQuery/[/url]