问题标签 [jqzoom]

我正在尝试在我的页面上设置 JQzoom 的 zoompad 绝对定位。我确实尝试更改 CSS，但它不起作用。

有人可以帮忙吗？

我正在使用效果很好的 jqzoom，但是当我将大小应用于主图像上的 img 标签时，然后单击其他图像缩略图时，图像被拉伸到初始图像的尺寸。

有没有一种方法可以在没有其他图像的情况下限制小图像尺寸（小于实际图像尺寸），假设尺寸相同但仍然受到限制并保持其纵横比？

我在我的网页上使用 jqZoom 和 Bootstrap，并且 Bootstrap 打破了 jqZoom 的缩放，如JqZoom 和 Twitter Bootstrap 冲突中所述

我还为可缩放图像应用了设置“最大宽度：无”的修复。这在某些情况下解决了问题。但如果大图像真的很大，缩放的行为就好像只有图像的一部分存在。似乎无法根据图像的大小调整镜头。

我怎样才能解决这个问题？

您可以在以下两个链接中看到效果。它们分别显示两个图像。第一个在这两种情况下都很好用。第二个只有没有 Bootstrap。

带Bootstrap的版本（不工作）

没有Bootstrap 的版本（工作）

源码如下，部分只存在于带有注释的带有 Bootstrap的版本中：

我正在使用 JQuery 在我的网站上缩放图像。我还创建了一些图标，如果我点击它，它们会改变图像以缩放。不幸的是，图像更改后，缩放后的图像不再可移动。我只能在缩放窗口中看到图像的顶部。但是当我向下移动鼠标时，什么也没有发生。有谁知道，我做错了什么？

这是我通过单击其中一个图标调用的 java 脚本函数的源代码：

要缩放的图像是这样实现的：

谢谢和最好的问候。

所以我一直在玩这个，但无法让绑定的点击事件从 jqzoomed 元素触发。

HTML：

JS：

jqzoom 创建了几个额外的 div，因此最终的页面结构实际上如下所示：

我尝试将 click 事件与 zoomPad 类以及 zoomWrapperImage 元素中的 img 绑定到 #mainimage，因为当您将鼠标悬停在图像上时，这似乎是顶部元素。

如果他们单击缩放，我想要做的就是在花式框中打开完整图像（当前缩放发生在鼠标悬停时）。我知道fancybox.open(fancyImage); 有效，我可以直接在控制台中成功运行 click 函数中的代码，我只是无法从 click 事件本身触发它。

帮助！

我正在使用 jqZoom（一个 jquery 插件）来渲染图片库。

jqZoom 项目页面

文档说要创建这样的缩略图：

如果您按照示例使用“常规”名称，这将起作用。但是我的图像有 guid 作为名称，并且插件失败：

Uncaught SyntaxError: Unexpected token ILLEGAL jquery.jqzoom-core.js:240 $.extend.swapimage jquery.jqzoom-core.js:240 (匿名函数) jquery.jqzoom-core.js:191 x.event.dispatch jquery.1.10 .2.min.js:5 v.handle

使用 Chrome 开发工具失败的功能如下：

特别是在这条线上失败了：

环顾网络，似乎此类错误是 eval 创建无效 javascript 对象的结果，因此显然我们必须将输出重新格式化为 Json 字符串，以便将其正确解释为参数

但我似乎不能“强迫”它把它解释为正确的 JSON。如果我将上面的行替换为

我得到：

Uncaught SyntaxError: Unexpected token g ef01e51a-d5c5-49ea-bd21-9c4e7f9acbb6:1 {gallery: 'gal1', smallimage: '\xc_small\58f54dc5-b412-4ffd-af51-5bc6863b280d.jpg',largeimage: '\xc_full\58f54dc5 -b412-4ffd-af51-5bc6863b280d.jpg'}

那么我该怎么做呢？

我在浏览器控制台中收到此错误。
我正在一个magento网站上工作，在我必须使用的产品视图页面上jqzoom。

我到目前为止所做的是：

1. 添加了jQuery
2. 添加 jqzoom 库
3. 添加了我的自定义 js

中的代码product-view-config.js是

在这种情况下，bxSlider工作良好但jqzoom不工作。

编辑

我想通了为什么jqzoom不工作并添加到我的答案中。但是为什么jqzoom不使用jquery 1.10呢？

我有一个使用 jQZoom 的产品页面，但我无法正确显示堆叠顺序（并且 jQZoom 没有在悬停时显示全尺寸图像，但这是另一篇文章的内容）。产品图片 div 当前在右侧阻止产品详细信息，阻止用户单击“添加到购物车”或任何下拉菜单。

我似乎尝试了所有 CSS 组合来解决这个问题，但我无法弄清楚。任何想法将不胜感激。

我正在使用 JQ Zoom Evolution 2.3 放大 Wordpress 网站中的图像。我遇到的问题是图像没有放大。

JQ Zoom 资源页面： http: //www.mind-projects.it/projects/jqzoom/。

我已将以下内容添加到 header.php

js和css文件已经上传到相关目录。

html是：

图片是页面底部的真皮沙发：http: //utopia.gerandeklerk.com/full-width/。

I am using jQuery plugin 'jqzoom'. I am facing issue while positioning the Lens on the image. my image is center aligned but lens is aligned to the div border which contains the image. In simple words i want to set the lens position to be started from the image border not the div border.