来源:http://www.silverscripting.com/pamoorama/index.php
Pamoorama是一个用于全景图片的简单脚本,它仅仅只有5kb(需要mootools的支持),没有引用外部css,只有html。
他所做的就是显示整张图片的一部分,当鼠标滑过时图片会随着移动,Pamoorama可以在一个小窗口中展示全景图的缩略图,因此你可以看见正显示的是整个图片的那一部分。拖动这个小窗口也是可以实现的。
version 0.3能够自动滚动,并有开始和暂停按钮。描述它的功能和好处是一件困难的事情,看看下面的例子后你就会明白我所说的意思。
使用:
pamoorama非常容易使用,你要做的就是在你的页面中加入mootools和pamoorama javascript。
{tab=head}
<script src="/mootools.v1.11.js" type="text/javascript" charset="utf-8"></script>{tab=div}
<script src="/pamoorama0.3.js" type="text/javascript" charset="utf-8"></script>
<div id="pamoorama1" alt="panoramafile.jpg"></div>{tab=javascripts}
<script type="text/javascript" charset="utf-8">
window.addEvent('domready', init);
function init() { myPamoorama = new pamoorama('id_of_container', {options}); }
</script>
{/tabs}
参数说明:
- id_of_container: String, div的id (本例中的 'pamoorama1')
- activateSlider(true): Bool
- width(650): Int
- footercolor(#000): String
- captioncolor(#fff): String
- caption(image name): String
- enableAutoscroll(true): Bool
- autoscrollSpeed(10000): Int
- autoscrollOnLoad(false): Bool
Set as favorite
Bookmark
Email this
Hits: 8655
Comments (0)

Write comment
You must be logged in to post a comment. Please register if you do not have an account yet.
| < Prev | Next > |
|---|
LBL_NEWERNAME
- 26/01/2008 00:43 - multibox
- 06/12/2007 18:40 - Simple 3D Carousel
- 04/12/2007 21:22 - MooFlow 0.1 - Using MooTools 1.2
- 22/11/2007 20:40 - MooTools Mocha UI v0.5
- 14/11/2007 22:32 - Click to change the background(mootools)
LBL_OLDERNAME
- 12/10/2007 23:02 - (E)2 Photo Gallery(mootools应用)
- 12/10/2007 10:04 - Slidinglist(基于mootools的树形结构)
- 22/09/2007 07:35 - ReMooz
- 18/09/2007 02:12 - mootools官网公布的站外资源英文部分





