程序员经验分享-hwhale

为 Fancybox 添加缩放功能

2023-11-24

我正在使用 Fancybox 作为我的缩略图库。我想使用 JQZoom (http://www.mind-projects.it/projects/jqzoom/）还有 fancybox。

最终结果： 1. 用户点击缩略图 2.fancybox出现更大的图像 3. 用户可以将鼠标悬停在图像上使用 JQZoom 放大更多

现在我已经设置它来实现这种效果。 fancybox 工作完美，但 JQZoom 根本不工作。我使用 firebug 也没有遇到任何错误。

这是页面：

http://waldondigital.com/mix/gallery.html

这是我的 jquery：

http://pastebin.com/3Nc9pzMM

感谢您抽出宝贵的时间，非常感谢。


这应该可以解决问题：http://pastebin.com/mg7e0Z1S

它基本上将缩放图像作为内容添加到$.fancybox并适用$.jqzoom()当它完成时通过onComplete。 我禁用了滚动，因为 jqzoom 似乎为较小的图像添加了边框，导致出现水平滚动条。

仅供参考，我只用内联缩放测试了这个......

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery

jqueryplugins

jqueryselectors

fancyBox

为 Fancybox 添加缩放功能 的相关文章

  • 如何使用 file:///F:/foldername 访问 ajax 中的本地文件夹？但它适用于 http://

    在这里 我使用以下代码使用 AJAX jQuery 动态创建文件名列表 window load function var fileExt csv document ready function ajax url file F foldern

  • IE 中的 jQuery 鼠标闪烁

    当我在 IE 中执行 fadeIn fadeOut slideUp slideDown toggle 等 jQuery 函数时 鼠标总是闪烁 沙漏在光标旁边的视图中快速闪烁 我尝试了不同的方法来在动画进行时完全隐藏鼠标 但没有效果 而且在大

  • 如何比较 JavaScript 表格中的单元格并测试是否相等？ indexOf 是如何工作的？

    我在 HTML 代码中创建了一个表格 它有 9 列和 13 行 它被 JavaScript 循环完全填满 该循环用几个数组中的人名填充它 但是 我想添加一个验证步骤 确保一行中没有两个单元格具有相同的值 并且每个单元格的值不会在其正下方的单

  • 如何在不接受焦点的元素上捕获键盘事件？

    我知道要处理输入字段中的键盘事件 您可以使用 input keyup function e var code e keyCode and 13 is the keyCode for Enter 但是 现在 我有一些div and li元素

  • JQuery 设置动态最大宽度

    我不太擅长 jQuery 因此完整的代码解决方案将是理想的选择 该函数将 获取浏览器屏幕的 70 宽度 将该宽度转换为其相应的 px 值 设置最大宽度 mainContainer使用从转换 计算中获得的值 这是我要设置的容器的 CSS 样式

  • iPhone Mobile Safari：强制键盘打开

    这是一个 HTML CSS JS jQuery iPad 应用程序 我有一个按钮 可以向下滑动输入表单 我想让用户将注意力集中在输入上 然后启动键盘 这是我正在处理的 但不起作用 myFormField focus 这确实集中了输入 但无法

  • jQuery.ajax 发送 OPTIONS 和 POST，如何使用 Express.js (Node.js) 处理

    每当我的应用程序向服务器发送 ajax 请求时 ajax url config api url 1 register type POST contentType application json data some JSON data he

  • 从 HTML 字符串中解析和选择

    使用 ajax 调用 我返回了页面的partialView HTML 但在显示它之前 我希望从主 div 中提取信息 如果我创建一个浮动窗口 该数据只是大小信息 Code div class window details more data

  • Jquery 和 Django 多个复选框

    我是 jquery 的初学者 所以请耐心等待 我有一个 jquery 函数 允许我选择多个复选框并创建一个字符串 如下所示 function getSelectedVals var tmp input name checks each fu

  • 当内部元素滚动位置到达顶部/底部时防止父元素滚动？

    我有一个小 浮动工具箱 一个带有position fixed overflow auto 效果很好 但是 当在该框内滚动 使用鼠标滚轮 并到达底部或顶部时 父元素 接管 滚动请求 工具框后面的文档滚动 这很烦人 而不是用户 要求的 我正在使

  • 在节点环境中存根 jQuery.ajax (jQuery 2.x)

    我正在尝试运行一些需要存根的测试jQuery ajax 我正在使用 SinonJS 来做到这一点 它曾经与旧版本的 jQuery 1 x 一起工作得很好 var require jquery var sinon require sinon

  • UpdatePanel 破坏 JQuery 脚本

    这是我想做的事情的简化版本 基本上我有一个数据列表 里面有很多东西 当你将鼠标悬停在数据列表中的项目上时 我希望 jquery 隐藏 显示东西 问题是 在我进行数据绑定后 如果 gridview repeater datalist 位于更新

  • 如何使用 jQuery 选择第一个块级父级？

    考虑以下标记 div h1 span span lorem ipsum span span h1 div 如何找到块级别的 span 3 的第一个父级 即具有display block 使用 jQuery 在这种情况下 那就是h1 1 3

  • Razor mvc3 + jquery + Url 操作 + 部分视图

    我有一个关于 jQuery Razor 的问题 我想使用 razor 和 Url Action 构建一个 javascript 变量 并且 html 属性将是输入的值 像这样 var d1 d1 val var d2 d2 val var

  • 试图隐藏选择列表中的选项..不适用于 chrome 和 ie

    我有一个选择列表 其中有很多选项 根据某些输入 我想从选择列表中隐藏一些选项 为了隐藏选择列表中的选项 我编写了jquery 例如 selectlist1 option each function this hide 但这段代码似乎只适用于

  • 使用 float:left 与 display:inline-block 的 jQuery UI 拖放排序比较

    我这里有两个例子 这两个例子之间的唯一区别是 一种使用display inline block 另一种使用float left li doc item 显示 内联块 与 li doc item float left 我的问题是 displa

  • 返回视图作为 JSON 对象的一部分

    我有一个应用程序只加载一次完整视图 我这样做的原因并不重要 重要的是 其余内容只会以部分视图的形式返回 除了一些内容之外 我还有一些 JSON 对象 我想通过每个 AJAX 请求在服务器之间来回传递 有没有办法返回一个 JSON 对象 并将

  • 禁用复选框上的输入

    需要在取消选中该复选框时禁用输入 并在选中该复选框时启用它 我的代码是这样的 div class y div

  • 将网站加载到 DIV 中

    当我在文本框中写入 URL 然后单击提交按钮时 如何实际从网站检索数据 我希望将数据放入我拥有的 div 中 这可能吗 我已经尝试过这个 但它不起作用

  • 将引导程序弹出框保留在视口内

    我正在尝试使用带有按钮的侧边栏创建一个菜单 每个按钮都有一个指定的包含相关数据的弹出窗口 不幸的是 其中一个弹出窗口可能包含任意数量的行 并且在某些情况下它可能部分位于视口之外 See http jsfiddle net bfd9f 1 h

随机推荐

  • Django 管理员根据另一个字段过滤外键下拉列表

    我有 3 个型号 class FileType models Model name models CharField max length 128 class ManagedFile models Model type models For

  • 使用 SSL 连接发送 CDO 电子邮件

    我有一个 asp 页面 它使用 CDO 通过电子邮件发送表单的详细信息 到目前为止 我已经使用 smtp 端口 25 通过与 hmail 服务器的明确连接来完成此操作 我现在需要使用 SSL 连接 我已经创建了安全证书并将 hmail 服务

  • Android 版 AdMob (SDK 7.0) 上的 AdActivity 泄漏

    我有关于内存泄漏Interstitial ads of AdMob with AdActivity目的 每当广告出现时 AdActivity内存中的对象计数增加 1 我通过以下方式检查所有更改MAT明确后GC来电 我使用所有东西的最新版本

  • $.cookie 不是函数

    当我尝试加载使用 jquery 的页面时 遇到以下行 if cookie compare null 我收到错误 cookie 不是函数 有人见过这个吗 这意味着 cookie plugin没有被包含在页面中 至少在被调用之前没有 确保它都被

  • jQuery Mobile .listview('refresh') 不起作用

    我正在使用 jQuery Mobile 构建移动 Web 应用程序 但遇到了问题 我正在使用 jQuery 解析 XML 文件并创建列表项 它构建列表 然后附加该列表 li 到 ul 在页面上 我读到为了让列表的样式正确 你必须调用 lis

  • 我可以用 malloc 和隐式转换替换对 open_memstream 的调用吗？

    All 我有一个打印到流的程序 我需要在内存中缓冲该流 然后根据需要将每一行打印到实际文件中 自从fprintf 函数调用必须有一个FILE 指针 我需要说的是内存中的指针寻址空间 我曾经用过open memstream 函数 但 Wind

  • 将查询参数与 cfscript 查询一起使用时出错

    这是我的代码 var qryStr UPDATE templates email SET title title test emails testEmail body body WHERE id templateID q New Query

  • jQuery - 链接自定义函数

    我想知道如何链接我的自定义函数并维护 this 的上下文 Example fn foo function var html div class foo div if this hasClass somthing this prepend h

  • NPM Workspaces monorepo - 以 root 身份共享本地包的分发文件夹，而不是整个源文件

    使用 NPM 工作区 我共享一个包 components 和其他人 webapp1 and webapp2 像这样的东西 root apps webapp1 webapp2 packages components 一切都运转良好 但里面的一

  • gcc 可以使我的代码并行吗？

    我想知道 gcc 中是否有优化可以使一些单线程代码 如下面的示例 并行执行 如果没有 为什么 如果是 可以进行哪些优化 include

  • 如何通过关键字在 GIT 存储库中找到无法访问的提交哈希？

    我对 GIT 的情况有点困惑 我正在开发一个 GIT 版本化项目 我刚刚注意到我们认为几周前已经在主分支上的一些提交实际上丢失了 我记得这些提交是由其他人在功能分支 feature something 上推送的 该分支已不存在 我试图找到那

  • 如何使用 spring-kafka 暂停和恢复 @KafkaListener

    我已经实现了 Kafka 消费者 现在我有了一个场景 通过Spring Boot从Kafka流中读取数据2 2 5 Release 加载数据库表1 将表1的数据复制到表2 清空表格1 要执行上述操作 我需要使用使用quartz的调度作业 已

  • php 帖子的最大大小？

    难道POST请求有大小限制吗 我有一个大程序 我想缓存其输出 基本上 我想在缓存中存储一 个重要的 html 表 因为特定项目的增长 查询数量以及响应时间变得失控 现在我正在发送由 ajax 调用检索的大输出 在另一个 ajax 调用中 第

  • 如何在 REST 中实现粗粒度乐观锁？

    我已经为 REST 资源实现了乐观锁定 这些资源通过将 GET 中的版本号传回 PUT 调用 与数据库表进行一对一映射 如果在执行 GET 和 PUT 之间数据库中的版本号发生变化 则发生乐观锁异常 非常简单的设计 现在 如何对映射到多个数

  • C++11 可重入类锁定策略

    我有一个使用的界面pimpl习语 但是接口需要是可重入的 然而 调用线程不需要知道锁定 这是由四部分组成的问题和一部分无端设计的 C 11 示例 包含示例是为了解决我遇到过的几个类似常见问题解答的问题 locking pimpl rvalu

  • 曼哈顿距离 A*

    我正在使用 A 搜索算法并使用曼哈顿距离作为启发式来实现 NxN 谜题求解器 我遇到了一个好奇的问题bug 我无法理解 考虑这些谜题 0 元素是空白 最初的 1 0 2 7 5 4 8 6 3 goal 1 2 3 4 5 6 7 8 0

  • 获取等于目标的数组项的总和（子集总和）

    我需要获得等于目标的数组项的总和 如果数组项的总和不等于目标 我想获得小于目标的最高总和 这是一个例子 Input 4 6 8 12 4 6 6 12 4 4 4 Results 12 12 8 4 6 6 4 4 4 6 4 Note 数

  • 如何根据字段的子字符串值连接两个表？

    我遇到了 sql 问题 我想加入两个表 员工和班级讲师 条件是员工的 unid 列如 u0871457 而班级讲师的 EmplId 为 00871457 我只想将 EmplId 的第一个字符替换为 u 来连接以匹配来自 unid 的字符串

  • LSF - 获取已提交作业的 ID

    假设我使用类似的东西提交了一份工作bsub pwd 现在我想获取该作业的作业 ID 以便为下一个作业建立依赖关系 有什么方法可以让 bsub 返回作业 ID 吗 Nils 和 Andrey 分别在 shell 和 C C 环境中找到了这个具

  • 为 Fancybox 添加缩放功能

    我正在使用 Fancybox 作为我的缩略图库 我想使用 JQZoom http www mind projects it projects jqzoom 还有 fancybox 最终结果 1 用户点击缩略图 2 fancybox出现更大的

热门标签