`
baiiiuuu
  • 浏览: 42854 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery 图片放大功能插件

 
阅读更多

配置参数
•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指定位置。

在线演示:http://www.mind-projects.it/projects/jqzoom/demos.php
分享到:
评论

相关推荐

    jQuery图片放大预览Lightbox插件

    zoomify.js是一款非常实用的jQuery图片放大预览Lightbox插件。zoomify.js可以在用户点击页面中的小图片时,将该图片的高清版本以Lightbox的方式放大显示在页面的中间,提高用户的体验度。

    jquery图片放大镜插件.zip

    《jQuery图片放大镜插件详解及应用》 在网页设计中,为了提升用户体验,尤其是在电子商务网站上,图片的展示方式尤为重要。"jQuery图片放大镜插件"正是一种能够实现这一目标的强大工具。它通过简单的jQuery代码,...

    jquery点击图片放大插件——即插即用.zip

    3. 初始化插件:在JavaScript中,通过调用jQuery选择器和插件方法,对指定的图片元素应用插件功能。 4. 配置选项:如果插件支持,你可以设置一些配置项,如动画速度、放大比例等,以满足个性化需求。 五、应用实例 ...

    jQuery图片放大镜插件鼠标悬停图片缩放代码.zip

    《jQuery图片放大镜插件实现详解》 在网页设计中,为了提升用户体验,常常需要对图片进行放大展示,以便用户可以更清晰地查看细节。jQuery图片放大镜插件就是一种常用的解决方案,它允许用户在鼠标悬停时实现图片的...

    图片放大预览插件 jquery图片放大镜特效插件

    "图片放大预览插件 jquery图片放大镜特效插件"就是专为此目的设计的工具,它利用jQuery库提供了一种高效、易用的解决方案,使得用户在不离开页面的情况下可以查看图像的细节。 jQuery是一款轻量级的JavaScript库,...

    jquery图片放大镜插件

    **jQuery图片放大镜插件**是一种广泛应用于电子商务网站的交互式功能,旨在为用户提供更直观、更详尽的图片预览体验。这种插件通过在鼠标悬停时显示一个放大镜效果,允许用户查看产品图片的细节部分,从而提高购物...

    jQuery imageview图片放大插件点击图片拖动放大查看

    jQuery imageview图片放大插件点击图片拖动放大查看 jQuery imageview图片放大插件点击图片拖动放大查看 jQuery imageview图片放大插件点击图片拖动放大查看 jQuery imageview图片放大插件点击图片拖动放大查看

    支持6种放大模式的jQuery图片放大镜插件

    总结来说,这款支持6种放大模式的jQuery图片放大镜插件以其丰富的功能和易于集成的特点,为网页设计师和开发者提供了强大的图片展示工具。无论是电子商务网站的产品展示,还是艺术画廊的在线浏览,都可以借助此插件...

    jquery图片放大镜插件制作多种图片放大镜效果.rar

    本资源“jquery图片放大镜插件制作多种图片放大镜效果.rar”显然是一个关于使用jQuery实现图片放大镜功能的项目压缩包。在电商网站、产品展示页面等场景,图片放大镜功能可以让用户更清晰地查看商品细节,提高用户...

    magnificentjs是一款响应式jQuery图片放大镜插件

    **magnificent.js** 是一款高效且功能丰富的响应式jQuery图片放大镜插件,专为增强网站中的图像展示体验而设计。它通过提供两种不同的图片缩放模式——内部缩放和外部缩放,使得用户可以更细致地查看产品图片或其他...

    多功能的jquery图片放大镜插件

    本文将深入探讨“多功能的jQuery图片放大镜插件”这一主题,包括其核心功能、实现原理以及如何在项目中应用。 首先,jQuery图片放大镜插件是一种增强用户体验的工具,它允许用户在鼠标悬停或点击图片时,看到图片的...

    jQuery图片放大镜插件(带例子)

    jQuery图片放大镜插件是一种...总的来说,jQuery图片放大镜插件通过结合JavaScript和CSS,实现了在网页上提供便捷的图片局部放大功能,提升了用户体验。在实际项目中,你可以根据需求调整插件配置,以适应不同场景。

    jQuery产品图片放大浏览插件

    "jQuery产品图片放大浏览插件"就是这样一种工具,它利用JavaScript库jQuery的强大功能,结合CSS和HTML,实现了类似放大镜效果的图片预览功能。这种插件在电商网站、产品展示页面等场景下尤为常见。 jQuery是一个轻...

    jquery图片放大效果插件

    好的图片放大插件应考虑到这一点,能够根据屏幕大小自动调整图片的放大比例和显示位置。 7. **交互优化**:除了基本的放大功能,插件还可能提供其他交互选项,如关闭按钮、缩放滑块、旋转功能等,提升用户操控体验...

    Jquery图片放大查看插件

    除了"Magnify",还有许多其他的jQuery图片放大插件,例如"easyZoom"、"bigimage"等,它们各有特色,开发者可以根据项目需求选择合适的插件。此外,还可以结合其他库,如Bootstrap或Vue.js,实现更复杂的交互效果。 ...

    jQuery图片放大镜插件鼠标悬停图片放大镜头显示代码.zip

    在网页设计中,为了提升用户体验,常常会使用到图片...通过学习和理解这个jQuery图片放大镜插件的代码,开发者可以定制自己的图片放大功能,满足特定的设计需求。同时,这也是深入理解jQuery和前端开发的一个实践案例。

    JQUERY图片放大镜插件

    jQuery图片放大镜插件利用jQuery强大的功能,实现了图片的动态放大效果。 ### 二、jqzoom_ev1.0.1插件介绍 "jqzoom_ev1.0.1"是一个高效的jQuery插件,专为实现图片放大镜效果而设计。它能够在鼠标悬停于小图上时,...

    神奇的透视效果jQuery图片放大镜插件

    **神奇的透视效果jQuery图片放大镜插件——MagnifierRentgen** 在网页设计中,为用户提供良好的产品查看体验是至关重要的,特别是在展示细节丰富的图片时。`MagnifierRentgen`正是一款专为此目的设计的jQuery插件,...

Global site tag (gtag.js) - Google Analytics