授权协议: GPL
开发语言: JavaScript
操作系统: 跨平台
收录时间: 2008-09-19

jQZoom是一个基于最流行的jQuery的图片放大器插件。它功能强大,使用简便。支持标准模式、反转模式、无镜头、无标题的放大,并可以自定义jQZoom的窗口位置和渐隐效果,修正IE6的select bug。

配置参数

  • zoomType,默认值:’standard’,另一个值是’reverse’,是否将原图用半透明图层遮盖。
  • zoomWidth,默认值:200,放大窗口的宽度。
  • zoomHeight,默认值:200,放大窗口的高度。
  • xOffset,默认值:10,放大窗口相对于原图的x轴偏移值,可以为负。
  • yOffset,默认值:0,放大窗口相对于原图的y轴偏移值,可以为负。
  • position,默认值:’right’,放大窗口的位置,值还可以是:’right’ ,’left’ ,’top’ ,’bottom’。
  • lens,默认值:true,若为false,则不在原图上显示镜头。
  • imageOpacity,默认值:0.2,当zoomType的值为’reverse’时,这个参数用于指定遮罩的透明度。
  • title,默认值:true,在放大窗口中显示标题,值可以为a标记的title值,若无,则为原图的title值。
  • showEffect,默认值:’show’,显示放大窗口时的效果,值可以为: ‘show’ ,’fadein’。
  • hideEffect,默认值:’hide’,隐藏放大窗口时的效果: ‘hide’ ,’fadeout’。
  • fadeinSpeed,默认值:’fast’,放大窗口的渐显速度(选项: ‘fast’,'slow’,'medium’)。
  • fadeoutSpeed,默认值:’slow’,放大窗口的渐隐速度(选项: ‘fast’,'slow’,'medium’)。
  • showPreload,默认值:true,是否显示加载提示Loading zoom(选项: ‘true’,'false’)。
  • preloadText,默认值:’Loading zoom’,自定义加载提示文本。
  • preloadPosition,默认值:’center’,加载提示的位置,值也可以为’bycss’,以通过css指定位置。

在线演示

展开阅读全文

代码

jQzoom 的相关资讯

jQzoom 的相关博客

jqzoom插件实现图片放大镜效果。

jqzoom插件实现图片放大镜效果。 图1.1jqzoom插件实现图片放大镜效果 1、引入jqurty和jqzoom插件 [javascript] view plain co...

2018-07-11 第六十六天 jQuery

一、jQuery中的事件 绑定事件 方法1:click()、mousemove()、mouseout()、mouseover(); 方法2:bind() 对后来加入的无效; ...

Jquery补充及插件

此篇为jQuery补充的一些知识点,详细资料请看另一篇博客,地址:https://www.cnblogs.com/chenyanbin/p/10454503.html 一、j...

图片放大镜-Cloud Zoom

Cloud Zoom是一个图像放大jQuery插件,效果堪比Magic Zoom。相对于流行jQZoom插件,Cloud Zoom体积小,有更多的功能和更强大的...

使用原生JS实现图片放大镜效果

前提先了解数学算法: 求遮罩层mask宽度 大图、大图显示区、小图、遮罩层 1、小图是大图等比缩放的 2、遮罩层是大图显示区缩放...

Magento常用插件集合!

magento插件插件集锦: 1. 删除订单:BoutikCircus_DeleteOrders URL:http://www.magentocommerce.com/e ... 4562/em_delete...

jQzoom 的相关问答

评论 (0)

加载中
更多评论
0 评论
81 收藏
分享
在线直播报名
返回顶部
顶部