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。

主頁: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獲取需要顯示的內容。

主頁: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控件相比它的不同之處在于：展開的圖片可以四周拖動。可以同時打開多張圖片。更便于用戶找到導航按紐。

主頁: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表單中。可以設置裁剪比例，默認裁剪尺寸，最大和最小裁剪尺寸，被裁剪掉區域的顏色和透明度。

主頁: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）。支持手動與自動播放兩種模式。

主頁: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做為它的播放器。

主頁: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元素添加帶邊框的標題說明。邊框樣式可以自己定義。

主頁: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間隔等。

主頁: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框架。

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

轉載于:https://www.cnblogs.com/Jaylong/archive/2011/06/05/fd34.html

總結

以上是生活随笔為你收集整理的30个图片浏览插件收集的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。