Jquery图片放大镜效果

介绍一个十分好用的JQUERY图片放大镜插件,在很多电子商务网站中,有时在看小图时,往往想再看这个货品的大图,

传统的另外打开一张大图的话,不大COOL,所以找到了这个插件,

插件下载地址:

http://www.mind-projects.it/projects/jqzoom/

简单介绍下,在下载后,

要准备一张小图和一张清晰点的大图,然后在页面中引入JQUERY和这个插件的JS

然后再引入一个CSS

接着是两张大图和小图

这里注意的是一张大图,一张小图,并且"kawasakigreen_small.jpg"这个小图中,那个title是要出现在放大镜里的文字标题

然后在JS中

$(function() {

var options3 =
{
zoomWidth: 200,
zoomHeight: 200,
xOffset: 20,
title: false,
lens:false

}

$(".jqzoom").jqzoom(options3);
});
</script>

这里就是放大镜的效果了，具体的文档和例子请参考

http://www.mind-projects.it/projects/jqzoom/demos.php#demo1

Jquery图片放大镜效果相关推荐

13款jQuery图片放大镜效果代码
jQuery商城网站商品放大镜查看效果代码 jquery图片放大镜效果制作变焦镜头图片放大查看代码 jQuery鼠标滑过图片放大镜效果_淘宝图片放大镜代码 jquery jqzoom仿京东商城商品详细 ...
jquery图片放大效果,鼠标经过图片时局部放大，类似京东图片放大镜效果
原文:jquery图片放大效果,鼠标经过图片时局部放大,类似京东图片放大镜效果源代码下载地址:http://www.zuidaima.com/share/1746784990055424.htm 1 ...
使用jQuery实现图片放大镜效果
使用jQuery实现图片放大镜效果在淘宝上购物时,经常可以看到图片放大镜效果,如下图所示: 下面给出上述效果的jQuery实现代码,一切尽在代码注释中: <!DOCTYPE html> ...
介绍一个十分好用的JQUERY图片放大镜插件
介绍一个十分好用的JQUERY图片放大镜插件介绍一个十分好用的JQUERY图片放大镜插件,在很多电子商务网站中,有时在看小图时,往往想再看这个货品的大图, 传统的另外打开一张大图的话,不大COOL, ...
Magnifier.js - 支持鼠标滚轮缩放的图片放大镜效果
Magnifier.js 是一个 JavaScript 库,能够帮助你在图像上实现放大镜效果,支持使用鼠标滚轮放大/缩小功能.放大的图像可以显示在镜头本身或它的外部容器中.Magnifier.js 使 ...
jQuery图片放大镜插件
运行效果: 代码编辑: <html lang="zh"> <head><meta charset="UTF-8"><m ...
jQuery 图片滚动效果
2019独角兽企业重金招聘Python工程师标准>>> 使用了网上的一个JS插件,配置起来相当灵活好用,效果如下: 下面整理下使用的过程: 1.在插件网站http://www.gma ...
php 放大镜,图片放大镜效果实战总结
摘要:本次实战主要完成了图片放大镜的效果,通过定义原始图片,放大镜,放大后的图片,然后设置放大后的图片为原始图片的3倍,通过鼠标移上显示放大后的图片,并通过位移计算当前放大镜的位置,设置放大后图片的偏 ...
javascript实现图片放大镜效果
当我们在电商网站上购买商品时,经常会看到这样一种效果,当我们把鼠标放到我们浏览的商品图片上时,会出现类似放大镜一样的一定区域的放大效果,方便消费者观察商品.今天我对这一技术,进行简单实现,实现图片放大 ...

Jquery图片放大镜效果

Jquery图片放大镜效果相关推荐

最新文章

热门文章