效果来自：http://www.phatfusion.net/multibox/
这是一个让你感叹的加强版lightbox,不过很遗憾它是基于mootools v1.11的（mootools现在已经1.2了）。但是它的强大无可否认。
这个加强版lightbox支持以下格式展示： images, flash, video, mp3s, html.（其中还支持ajax）
赶紧试一下吧，小JOE极力推荐。
使用例子：
demo下载地址：http://www.phatfusion.net/multibox/multibox.zip
运行例子的时候注意“MultiBox\multibox”目录下的index.html的某句代码写错了
其中引用overlay.js的时候应该这样引用：
<script type="text/javascript" src="overlay.js"></script>
这样就可以正常使用了。
置于具体用法是这样的：
方法
new MultiBox('multibox', { descClassName:'multiBoxDesc' });
the rel attribute allows for specific parameters for each item. the following example will make the box handle the item as an image.
rel="type:jpg"others that can be used are:
- jpg / gif / png
- these will make sure the box handles the item as an image.
- swf
- a flash movie
- flv
- a flash video file
- mov
- a quicktime movie
- wmv
- a windows media video
- rv / rm / rmvb
- real media format
- mp3
- mp3 format music file
- element
- an html element on the page
all others will be handled by default in an iFrame.
other rel options are:
rel="width:400,height:300"
ajax:true can also be used for urls so the content will be loaded into the page not in an iframe.
参数：
- useOverlay
- use a semi-transparent background. default: false;
- container
- the containing element for the overlay if used. default: document.body
- contentColor
- the color of the background in the window. default: ‘#FFF’
- showNumbers
- shows 1 of 8. default: true
- showControls
- shows the control panel. default: true
- descClassName
- the class name of the description divs.
- offset
- object containing x,y offsets for the opened multibox. default: {x:0, y:0}
- fixedTop
- the value from the top that the box should open to.
- openFromLink
- should the box open from the link or from the center of the window. default: true
- onOpen
- a function to call when the box opens.
- onClose
- a function to call when the box closes.
- useOverlay
- use a semi-transparent background. default: false;
- container
- the containing element for the overlay if used. default: document.body
- contentColor
- the color of the background in the window. default: ‘#FFF’
- showNumbers
- shows 1 of 8. default: true
- showControls
- shows the control panel. default: true
- descClassName
- the class name of the description divs.
- offset
- object containing x,y offsets for the opened multibox. default: {x:0, y:0}
- fixedTop
- the value from the top that the box should open to.
- openFromLink
- should the box open from the link or from the center of the window. default: true
- onOpen
- a function to call when the box opens.
- onClose
- a function to call when the box closes.
效果挺好的
回复
回复
回复
回复