问题标签 [jqzoom]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ipad - jqzoom 弹出与移动 safari (ipad) 对齐
我有 jqzoom 的所有设置,一切都很好,除了几件事,一个是即使我告诉 jqzoom 将弹出图像对齐到原始图像的右侧,在我们的 ipad 上它会将图像放在左侧。
有谁知道 jqzoom 的工作原理足以知道它为什么会这样做?看起来 jqzoom 无论如何都在设置 [left:] ,并且如果弹出要在右侧,只需相应地调整 [left:] 值(比如在 -minus 方向上)?如果是这样,它不能只做一个if/else,如果它需要在右边,设置[right:]而不是[left:]?
这就是我设置 jqzoom 的方式:
正常和预期:
移动Safari:
jquery - 下一列图像下方的 JQzoom 缩放窗口
当我使用 JQZoom 插件时,我在 960.gs 网格上有一堆图像....
这是一个例子: http: //madlov.com/vintage-sunglasses
(注意:在上面的链接中我使用'innerzoom',但如果我使用标准视图,缩放的窗口会显示在它旁边的图像后面而不是顶部)
我检查了 ZoomWindow div,它有一个
z-index: 5001
但这似乎没有帮助。
为什么我的缩放图像出现在其他图像后面
jquery - jCarousel 和 jQZoom jQuery 插件之间的冲突
我尝试放置一个 jCarousel 和 jQZoom 插件并在 dom 之后运行它们都不起作用。当我只尝试 jCarousel 时,它可以工作,反之亦然。如何在 dom 之后很好地运行这两个插件?
jquery - jqzoom 错误:找不到节点
试图追踪错误的图像替换错误。在原始 img 源中弹出不同大小的图像。
不幸的是,在我的电脑上,无论浏览器(Firefox、chrome、safari)如何,错误都是“无声的”,不会导致问题。
但是,使用 firebug 和 chrome 工具对其进行跟踪,似乎表明这是因为 Firefox 中出现“未找到节点”错误(chrome: “NOT_FOUND_ERR: DOM Exception 8”)
这应该是来自 WordPress 插件 jigoshop 的所有标准代码。这可能是因为无论是谁把图像放在首位,都不了解图像大小的关系。
无论如何,它在这里被打破:
这里大约 13 行(jquery.jqzoom-core.js 中的第 653 行)
找不到的节点是:,这里加载html后找到的:
我对 jquery 的研究太多了。所以,2个问题:
- 如何解决这个确切的问题?
- 修复此类错误的一般过程是什么?
jquery - Fancybox 和 JQZoom(和 Wordpress)
我正在尝试实现一个花式框窗口,当它打开时将使用 JQZoom。
我在 Wordpress 中这样做(虽然我没有使用插件,所以不知道这是否会影响任何东西),我的想法(选项 1)是使用 iframe 加载fancybox,然后创建另一个实现的页面JQZoom。我无法让它工作,但也许那是因为我主要是一名设计师,但也许我做错了......?
这里的另一个问题(http://stackoverflow.com/questions/5994003/adding-zoom-to-fancybox)似乎暗示在fancybox被触发时调用JQZoom(即onComplete)。我可以跟随脚本试图做的事情,但不确定如何实现它。
所以我想知道解决这个问题的最佳方法是什么。选项 1、2 还是我没有想到的其他方式?
从根本上说,我想我要问的是如何组合通常独立调用的两个 JQuery 功能,以及新手如何实现代码以使其工作:)
非常感谢您的任何建议。
jqzoom - 如何在 Jqzoom 上显示缩略图标题
我想使用 jqzoom 画廊应用程序而不是 magiczoom。我有两个问题:
- Jqzoom 在所有缩放中显示相同的标题。我想在放大的大图像顶部显示缩略图标题。我怎样才能做到这一点?
- 在magiczoom 应用程序中,有一个小的放大镜图像和中等大小(要缩放)图像顶部的“缩放”文本。我如何在 jqzoom 上实现它?
jquery - 在 Fancybox iFrame 中使用 JQZoom 而不加载 jquery
我在页面中使用 Fancybox(称为 parent.html)来加载 iframe(称为 child.html)。在 child.html 页面中,我使用的是 JQzoom。我已经设置好了一切,一切顺利,但我想知道是否有办法减少加载时间(或者加载时间会最短吗?)。现在我在父页面和子页面中加载 JQuery 库,然后在子页面中加载 JQZoom 库。
我将有几个子页面,但只有一个父页面使用 Fancybox 加载子页面。有没有办法在不加载 JQuery 库的情况下在子窗口中使用 JQzoom?更好的做法是将所有内容(包括所有函数和 JQzoom 库)加载到父页面中,然后从子页面访问这些函数/库文件。
现在子页面有以下代码和脚本来触发 JQzoom:
我是一名设计师,所以如果你有任何建议,请把我当作紧身连衣裤编码员一样对待:)
谢谢!
jquery - 将图像链接到 jqZoom 上的灯箱
我想使用带有图像链接的 jqZoom,如下所示:http ://www.lumas.de/pictures/christophe_jacrot/gold/
到目前为止,我只看到了 jqZoom 的示例,但图像上没有实际链接:http: //www.mind-projects.it/projects/jqzoom/demos.php#demo1。是否有我缺少的设置或选项?
谢谢!
css - JqZoom 和 Twitter 引导冲突
这是一个jsfiddle。
使用内部缩放(尽管它不适用于任何缩放类型),它应该像这样工作:http: //www.mind-projects.it/projects/jqzoom/demos.php#demo4
有任何想法吗?似乎是 Bootstrap 响应性的问题。删除 img 标签上的 Bootstrap 的max-width:100%
CSS 声明会稍微改善一点,但它仍然损坏。
jquery - jQZoom:remove() 和 img src 更改后的内部缩放问题
我有一个 magento 在线商店,我正在尝试自定义产品页面。
在页面上,我有带有 jqZoom 的主要产品图像,以及由 magento 生成的缩略图,以及更改主图像的 onmouseover 功能。
今天经过长时间的更改功能和代码后,我在 MacBook 上的两个浏览器中使一切正常,但在我测试的任何其他计算机上都存在问题。
在第一次加载时,第一张图片正在完美加载,并且缩放正在工作,但是一旦您将鼠标悬停并更改图像,缩放在大多数浏览器上就不再起作用了。
这是代码:
. . . . 在头部我添加了这个:
. . . . . 这是magento用来生成产品链接和大图的代码
. . . . . 这是缩略图中的 foreach 循环,它进行了所有更改
. . . .
我认为的主要问题是,在我删除 jQzoom 并添加回来之间的某个地方,图片的高度没有正确传输,因此调用了函数,但是 jqZoom 生成的 & 高度为 0,如果您将代码检查器中的设置更改为某个 px 值,则缩放将起作用,但图片未正确剪切
这是网站上产品的链接:http: //zeroinchapparel.com/index.php/men-short-sleeve/grand-experience.html
ps 最终我需要将缩放图片显示为标准(在图片的右侧)但是,当我将设置设置为标准时,没有显示带有缩放图片的窗口,z-index 是否存在一些问题?
ps2。这是我第一次使用 javascript 或 jQuery,所以我是一个完整的 n00b!
更新:发现一些与 IE 不兼容的代码,很容易被替换
结果 IE 无法将新的 src 分配给 id "IMG1",将其重写为:
某些版本的 Chrome 仍然存在问题,在 src 更改后鼠标悬停时不显示缩放图像...