问题标签 [zoomooz]

我正在尝试使用 zoomooz + jquery.mouse.wheel 和 jquery.kinetic.js 在表单设计器中实现自由拖动/滚动功能的缩放。这是该功能的演示：http: //jsfiddle.net/mVf8Z/

我的问题是：

1. “重置”按钮无法将状态重置为原始状态。它放大容器并将其移动到视口的右上角

2. 当我使用鼠标滚轮在容器内放大时，容器能够放大，但它总是移到视口的右上角

知道我的代码哪里错了吗？

更新

添加附加层后，似乎移开问题已解决，请查看http://jsfiddle.net/mVf8Z/3/。但是，仍然存在2个问题：

1. 我无法使用 jquery.kinetic 拖动/滚动将页面滚动到预期的视口。在放大发生之前这是可以的

2. 单击重置按钮不会重置为原始状态，而是会缩小一点。

更新 2

我最终得到了一个基于 zynga scroller (http://zynga.github.com/scroller/) 的解决方案。这是小提琴：http: //jsfiddle.net/mVf8Z/5/。这个解决方案的问题是放大效果与 zoomooz 相比很糟糕。我在https://github.com/zynga/scroller/issues/28向 zynga 提交了一个问题

我想缩放一个带有文本的 HTML 表格。我正在使用 zoomooz，这是一个很棒的缩放工具：

http://janne.aukia.com/zoomooz/

我面临的问题是字体也被缩放，这使得相同的内容看起来更大。我希望在缩放、文字环绕等时显示更多内容。可能你知道我的意思。

我检查了这一点，但当我将它应用于目标 div 时似乎没有任何效果：

-webkit-文本大小调整：无；

谢谢天使

我正在做一个心理学研究项目，所以我真的是 JavaScript 的初学者。不过，我必须完成这项工作，而且非常具体。

我想在点击时放大页面的一个元素（书籍封面），同时在它旁边打开额外的内容（一些文本），我希望能够离开（关闭文本并缩小) 一键点击。

到目前为止，我设法使用zoomooz.js轻松完成缩放部分，其余部分使用 jQuery。我的书封面和我的文本页面（每个 div）在一个更大的 div（“容器”）中彼此重叠。当容器被点击时，封面和文字会变成动画：一个在左边，另一个在右边。单击容器并使用 stopPropagation 时，它们会在中间重新组合在一起，按计划将文本隐藏在封面后面。

现在我的问题是，当我在为我的 div 设置动画时尝试使用 zoomooz 时，它们会发生冲突。那里的方式，放大，工作正常：同时缩放和动画。但是对于返回的方式，缩小，我无法让他们一起工作。Zoomooz 接手。我尝试手动编写 zoomooz 代码，但我不知道自己在做什么——我只是觉得它与某处的“stopPropagation”有关。

下面是我的模型/测试页面，它包含所有内容，应该让事情更清楚。如果有人能帮我一把，我会很高兴。非常感谢。

使用 zoomooz.js 脚本时，要启用对目标的缩放，我们只需添加 zoomTarget 类：

前任。<div id="container" class="zoomTarget"></div>

但是，缩放只会在单击“容器”时发生。调整浏览器窗口大小后，有没有办法自动缩放到目标“容器”？

可能是什么$(window).resize(function(){ $("#container").zoomTarget(); });？

我有一个可缩放的 div 元素网格。单击 div 时，会使用Zoomooz.js对其进行缩放、缩放和居中。每个 div 内部都有一个使用Raphäel实现的可绘制区域（如 Canvas） 。

我的问题是，即使缩放功能完美运行，div 的缩放也使得无法在 div 上进行合理的绘制，因为 div 被放大，而不仅仅是将其转换为更大的宽度/高度。我真的想要缩放效果，但不是缩放 div，我的猜测是我想对所有 div 进行转换，并使用缓动效果或类似效果居中选定的 div。

我们欢迎所有的建议！

我正在我的网站上显示地图。地图图像设置为主分区的背景。我在这张地图上有一个网格覆盖（透明 png）。

我正在使用 zoomooz ( http://janne.aukia.com/zoomooz/ ) 放大地图上不同的感兴趣区域。

目前，当我同时放大地图和叠加层时，我希望只有地图缩放，并将网格保持在恒定大小。

我已将叠加层上的定位设置为固定，但一切似乎仍然缩放在一起。

我正在使用http://jaukia.github.io/zoomooz/来缩放我网页上的元素。

但是，当我通过 动态添加元素时.append()，元素不会缩放。

我厌倦了.on手动使用和做事但没有成功。

这是我的 HTML

div class="zoomViewport"在with data 属性data-targetsize="0.05"和类中添加的任何元素在zoomTarget单击时都会被缩放。

例子： <img class="zoomTarget lot" data-targetsize="0.05" src="../images/sold.png"/>

我将元素附加到lotmap. 任何帮助，将不胜感激。

编辑：事件正在触发，但在动态添加元素之前，我需要插件事件像以前一样工作。

我正在尝试在以下小提琴中实现点击动画： 我的小提琴

我已经在小提琴外部添加了 Zoomooz js 插件，并且在门关闭后动画中似乎存在一些滞后问题。（仅在 Firefox 中。）

我的firefox版本是26.0，Mozilla Firefox for ubuntu canonical 1.0

更新：这不仅仅是门问题，firefox 使用 Zoomooz 并且在 Firefox 中非常慢。

根据文档，我应该能够使用 zoomooz jquery 脚本在容器内进行缩放。

这是我的代码：

正文内容：

但是当它缩放时，它不是缩放整页 div（使其足够小以适合页面），而是缩放包括视口在内的所有内容。

为什么？

一段时间以来，我一直在尝试解决这个小溢出问题，但我现在真的不知道该怎么办。

背景故事：我正在使用 zoomooz.js 插件来放大元素。现在我已经让那部分工作了。我有一个水平滚动，如果我滚动并按下一个元素......它会缩放，当我点击它外部时它会缩小。

现在我很高兴我能做到这一点。

问题：

我已经把我的东西放在了一个 jsfiddle 中： https ://jsfiddle.net/8s17eeoh/

所以我已经开始了这个水平滚动的事情并且它可以工作但是......只要其中一个盒子在视口中的一半，它就会切割盒子，因为视口停止了。举个例子..（jsfiddle）如果您看到 5 个白框，而第五个就在视口内...按 nr4，您将看到数字 5 被切断。

我正在研究如何更改溢出，我注意到我可以将溢出：屏幕更改为溢出：可见并且它确实解决了问题......但是现在出现了另一个问题，那就是当你滚动时缩小不起作用浏览器视口。

我需要一些专家的眼光，因为我只是一个孤独的初学者。

谢谢

-kjegwan