Hot!Ajax

Pamoorama(全景图mootools应用)

Wednesday, 17 October 2007

来源：http://www.silverscripting.com/pamoorama/index.php

Pamoorama是一个用于全景图片的简单脚本，它仅仅只有5kb（需要mootools的支持），没有引用外部css，只有html。

他所做的就是显示整张图片的一部分，当鼠标滑过时图片会随着移动，Pamoorama可以在一个小窗口中展示全景图的缩略图，因此你可以看见正显示的是整个图片的那一部分。拖动这个小窗口也是可以实现的。

version 0.3能够自动滚动，并有开始和暂停按钮。描述它的功能和好处是一件困难的事情，看看下面的例子后你就会明白我所说的意思。

Sample 1

Sample 2

Sample 3

使用：

pamoorama非常容易使用，你要做的就是在你的页面中加入mootools和pamoorama javascript。

{tab=head}

<script src="mootools.v1.11.js" type="text/javascript" charset="utf-8"></script>


<p>

 

<script src="pamoorama0.3.js" type="text/javascript" charset="utf-8"></script></p>

{tab=div}

 <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}

参数说明：