javascript - 如何设置 Ascensor 楼层图？

Question

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

我正在学习如何使用它来创建基于这个 ascensor 插件的网站。

我的主要代码是这样的，有 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> 

这是启动 ascensor 的 java..

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

目前我可以让它去x或y。

但从我想要的是..我希望欢迎成为位于中心的主页..黑色矩形是欢迎页面..左侧是团队..右侧是测试..顶部是价格.. 底部是联系方式..

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

Answer 1

为您的平面图定义方向。

平面图基本上是网格，其中第一个数字是行，第二个数字是列。坐标必须按照你想显示的顺序写（因为你想从中心开始，所以先写中心坐标）。

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