如何设置Ascensor楼层地图？

Question

我目前正在使用插件调用ascensor.js。

我正在学习如何使用它来创建一个基于此提升器插件的网站。

我的主要代码是5分区

<div id="content">
    <div class="page" id="welcome">
        <img src="images/1.jpg" class="bgimg">
    </div>
    <div class="page" id="team">
        <img src="images/2.jpg" class="bgimg">
    </div>
    <div class="page" id="price">
        <img src="images/3.jpg" class="bgimg">
    </div>
    <div class="page" id="testi">
        <img src="images/4.jpg" class="bgimg">
    </div>
    <div class="page" id="contact">
        <img src="images/5.jpg" class="bgimg">
    </div>
</div> 

这是启动提升者的java ..

$('#content').ascensor({
    direction: 'xy'
});

目前我可以将它变为x或y。

但是从我想要的是......我希望欢迎成为中心的主页。 黑色矩形是欢迎页面.. 左边是团队.. 在右边将是testi .. 到顶部将是价格.. 到底是联系..

无论如何我可以使用这个插件做到这一点吗？我对地图和地板的东西很困惑。

Answer 1

定义平面图的方向。

平面图基本上是网格，其中第一个数字是行，第二个数字是列。 必须按照要显示的坐标编写坐标（因为您要从中心开始，首先写入中心坐标）。

var ascensor = $('#content').ascensor({
    childType: 'div',  
    direction: [[1, 1], [1, 0], [0, 1], [1, 2], [2, 1]], 
});