使用Zoomooz缩放到特定的div

时间:2016-11-11 11:58:47

标签: javascript jquery html css zoom

我的座位图在移动设备上看起来有点小,目前需要一个缩放选项才能放大移动设备。

我被介绍给了看起来很棒的Zoomooz,但很难让它在嵌套的div上工作。是否可以放大您更详细地查看座位图所需的特定区域?

https://plnkr.co/edit/9VL3mDS34bKAe7qRxHYE?p=preview



<div id="theatre">
<div class="container">
  <div id="bmessage">Select the seats that you need.</div>
  <div id="seats" class="zoomTarget">
    <div class="s1 std grey" si="0" title="A16" style="top:16%; left:8.5%;"></div>
    <div class="s1 std grey" si="1" title="A15" style="top:16%; left:12%;"></div>
    <div class="s1 std grey" si="2" title="A14" style="top:16%; left:15.5%;"></div>
    <div class="s1 std grey" si="3" title="A13" style="top:16%; left:19%;"></div>
  </div>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

只需更改 CMS.DocumentEngine.TreeProvider.MoveNodeUp 的cdn链接,然后将Index.html应用于要应用缩放功能的每个ZoomTarget  请检查此plunker

HTML:

div