首页 / JAVASCRIPT / Mootools 图片展示插件(lightbox,ImageMenu)收集集合

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Mootools 图片展示插件(lightbox,ImageMenu)收集集合，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含8709字，纯文字阅读大概需要13分钟。

内容图文

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

一个图片展示控件。当鼠标移到某一张图片时将展开整张图片。

主页: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相册控件。

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

主页: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 图片展示插件(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)收集集合 - 文章图片

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

内容总结

以上是互联网集市为您收集整理的Mootools 图片展示插件(lightbox,ImageMenu)收集集合全部内容，希望文章能够帮你解决Mootools 图片展示插件(lightbox,ImageMenu)收集集合所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/371152.html

来源：【匿名】

【上一篇】JavaScript 以对象为索引的关联数组【下一篇】javascript 怎么调用php方法

更多 ►

【Mootools 图片展示插件(lightbox,ImageMenu)收集集合】教程文章相关的互联网学习教程文章

JS魔法堂：那些困扰你的DOM集合类型【代码】

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　大家先看看下面的js，猜猜结果会怎样吧！　　可选答案：　　①. 获取id属性值为id的节点元素　　②. 抛namedItem is undefined的异常var nodes = document.getElementsByName(‘dummyName‘); var node = nodes.namedItem(‘id‘);　　答案是两种都有可能哦！document.getElementsByName在Chrome和FF30.0中返回NodeList（木有namedItem方法的），...

JS中集合对象(Array、Map、Set)及类数组对象的使用与对比【代码】

原文地址在使用js编程的时候，常常会用到集合对象，集合对象其实是一种泛型，在js中没有明确的规定其内元素的类型，但在强类型语言譬如Java中泛型强制要求指定类型。ES6引入了iterable类型，Array，Map，Set都属于iterable类型，它们可以使用for...of循环来遍历，都内置forEach方法。数组遍历普通遍历最简单的一种，也是使用频率最高的一种。let arr = [‘a‘,‘b‘,‘c‘,‘d‘,‘e‘] for (let i =0; i <arr.length; i++) {conso...

JS图片Switchable切换大集合【代码】【图】

JS图片切换大集合利用周末2天把JS图片切换常见效果封装了下，比如：轮播，显示隐藏，淡入淡出等。废话不多说，直接看效果吧！JSFiddler链接如下：想看JS轮播切换效果请点击我！当然由于上传图片时候 png图片自动转换成jpg 所以左右按钮有透明，但是也没有关系，我们最主要的是看看效果是什么样的，至于图片大家可以替换。下面看看默认配置项吧！ container‘‘, 外层容器必填项默认为空 contentCls ‘.list‘...

一句话的代码，从集合中找出第一个重复字符的方法javascript版。【代码】

有的时候需求是这样的:找出集合中第一个重复的字符所在的位置，刚才看了园内某自许为算法的代码，感觉非常之啰嗦故写了以下代码！本人对神马算法之类的完全不懂，但那些伪算法家们也别出来装蒜。一句话：不要欺负俺没文化好不好！别的不说看代码：Array.prototype.searchFirstNotRepeat = function () { var curArr = this, val;while (-1 == (val = curArr.indexOf(curArr.shift())));return val; };conole.log([1, 1, 2, 3, 4, 5...

javascript – 来自Json文件的骨干集合和localstorage上的缓存【代码】

我在骨干库中比较新.我正在尝试构建一个基于主干requirejs jquery-mobile的移动应用程序.我可以使用现有的json本地文件填充我的集合. (将来可能来自远程服务器).现在我试图让这个集合只被调用一次,然后将它存储在localStorage中进行读取.为此,我试图使用这个适配器(https://github.com/jeromegn/Backbone.localStorage),但我不明白如何. 示例代码// models define(['underscore','backbone' ], function(_, Backbone) {var AzModel...

100多个基础常用JS函数和语法集合大全

网站特效离不开脚本，javascript是最常用的脚本语言，我们归纳一下常用的基础函数和语法： 1.输出语句：document.write(""); 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getElementById("...

JavaScript数据结构与算法之集合与字典的介绍【图】

本篇文章给大家带来的内容是关于JavaScript数据结构与算法之集合与字典的介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。说明：JS数据结构与算法系列文章的代码和示例均可在此找到一、集合Set1.1 集合数据结构集合set是一种包含不同元素的数据结构。集合中的元素成为成员。集合的两个最重要特性是：集合中的成员是无序的；集合中不允许相同成员存在计算机中的集合与数学中集合的概念相同，有一些概念我们必...

遍历器Iterator访问数据集合的统一接口的方法

这篇文章给大家介绍的内容是关于遍历器Iterator访问数据集合的统一接口的方法，有着一定的参考价值，有需要的朋友可以参考一下。导语遍历器Iterator是ES6为访问数据集合提供的统一接口。任何内部部署了遍历器接口的数据集合，对于用户来说，都可以使用相同方式获取到相应的数据结构。如果使用的是最新版Chrome浏览器，那么你要知道——我们所熟悉的数组小姐，已悄悄的打开了另一扇可抵达她心扉的小径。1 正题某个数据集合部署了Ite...

使用JS接收List<String>集合参数

这次给大家带来使用JS接收List<String>集合参数，使用JS接收List<String>集合参数的注意事项有哪些，下面就是实战案例，一起来看一下。1、页面js代码：var idList = new Array(); idList.push(“1”); idList.push(“2”); idList.push(“3”); var isBatch = false; $.ajax({ type: "POST", url: "<%=path%>/catalog.do?fn=deleteCatalogSchemes", dataType: json, data: {"idList":idList,"isBatch":isBatch}, success: fun...

JS实现的集合去重，交集，并集，差集功能示例

这篇文章主要介绍了JS实现的集合去重，交集，并集，差集功能,结合实例形式分析了javascript基于数组实现的集合去重、交集、并集、差集等相关实现技巧,需要的朋友可以参考下本文实例讲述了JS实现的集合去重，交集，并集，差集功能。分享给大家供大家参考，具体如下：1. js 实现数组的集合运算为了方便测试我们这里使用nodejs，代码如set_operation.jsfunction array_remove_repeat(a) { // 去重var r = [];for(var i = 0; i < a.len...

有关javascript流程控制语句集合（图文教程）【图】

流程控制语句在JS中是至关重要的。JS中的流程控制语句包括if条件判断语句、for循环语句、while循环语句、do……while循环语句、break语句、continue语句和switch语句等7种语句,需要的朋友可以参考下一、if语句 if语句是最基本的条件判断语句。根据表达式条件来执行相应的处理。语法示例如下: 1.a==b是if语句中的条件。 2.alert("a=c")是if语句中的结果。此段脚本的含义是:声明变量a、b，且赋值a=5；当a=b时，弹窗b=5。...

javascript中遍历EL表达式List集合中的值

今天遇到个问题就是我想在js中获取后台传来的list中的值。本来页面展现是用的EL表达式，一切都没有什么问题，但是我要动态获取集合中的url然后在js中调用qrcode生成二维码，当我尝试按大部分的思路取值的时候遇到如下的问题for(var i=0;i<${myTickets.size()};i++) { $(#qrcode+i).qrcode({text: ${myTickets[i].url}}); }呵呵呵，用调试工具看到${myTickets.size()}确实取到了list的长度，但是${myTickets[i].url}}确取不出任...

JS实现集合去重交集并集差集功能实例分享

本文主要和大家介绍了JS实现的集合去重，交集，并集，差集功能,结合实例形式分析了javascript基于数组实现的集合去重、交集、并集、差集等相关实现技巧,需要的朋友可以参考下，希望能帮助到大家。1. js 实现数组的集合运算为了方便测试我们这里使用nodejs，代码如set_operation.jsfunction array_remove_repeat(a) { // 去重var r = [];for(var i = 0; i < a.length; i ++) {var flag = true;var temp = a[i];for(var j = 0; j < r...

JavaScript的数组使用集合

这次给大家带来JavaScript的数组使用集合，JavaScript数组使用集合的注意事项有哪些，下面就是实战案例，一起来看一下。1.join() 将数组中的所有元素转化为字符串并连接在一起var a=[1,2,3,4]; a.join(); //"1,2,3,4"2.reverser() 将数组中的元素颠倒顺序，返回逆序的数组。var a[1,2,3,4]; a.reverse(); //[4,3,2,1]3.sort() 将数组中的元素排序并返回排序后的数组。当不带参数调用sort()时，数组元素以字母表顺序排序。var a=[an...

vue2.0的项目非常实用的代码集合

这次给大家带来vue2.0的项目非常实用的代码集合，在项目中使用vue2.0的代码注意事项有哪些，下面就是实战案例，一起来看一下。1、全局增加进度条提示nprogress地址// main.js 入口js文件import VueRouter from vue-routerimport NProgress from nprogressVue.use(VueRouter); //注册路由插件NProgress.configure({ showSpinner: false }); //进度条配置router.beforeEach((to, from, next) => {NProgress.start(); }) router.after...

首页 / JAVASCRIPT / Mootools 图片展示插件(lightbox,ImageMenu)收集集合

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

内容导读

内容图文

内容总结

内容备注

内容手机端

【Mootools 图片展示插件(lightbox,ImageMenu)收集集合】教程文章相关的互联网学习教程文章

集合 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程