用鼠标悬停并移动放大图像

Posted

tags:

中文标题:用鼠标悬停并移动放大图像 原文标题:Enlarges the image with the mouse hover and move 项目评级:Star:339      Fork:56 下载地址:https://github.com/thompsonemerson/zoomove 详情介绍

ZooMove | jQuery缩放图像

这是一个使用jQuery开发的插件,允许使用鼠标悬停动态缩放图像,并使用鼠标移动查看细节。

目录

安装

使用npm

弓箭手

纱线

或CDN(由cdnjs提供)

如果你愿意,你可以下载一个ZIP文件。

安装程序

首先,包括位于dist文件夹上的脚本。

现在需要准备我们的图像并显示给ZooMove。

准备好了,准备好了环境,现在是我们插件采取行动并准备所有剩余过程的时候了。

现在说这不容易?!;)

如何使用

<表格>

属性

默认

描述

数据动物园图像

-

要显示的照片的url

数据动物园规模

1.5(150%)

设置应应用于图像的缩放大小

数据动物园移动

true

选择图像是否应随鼠标移动而移动

数据动物园结束

错误

使用“over”可以定义图像是否在上面

数据动物园光标

错误

定义光标指针或默认值

数据动物园自动调整大小

true

设置自动图像的大小

示例

lorempixel的图像。

图像1

违约

图像2

标度值3300%

图3

超过true,移动false

浏览器支持

<表格>

42+

41+

9+

29+

9+

12+

贡献

帮助改进这些文档。打开问题或提交撤回请求。

历史

有关详细的更改日志,请参阅发行版。

许可证

麻省理工学院许可证©Emerson Thompson

使(图像)向右移动并旋转 45 度,同时将鼠标悬停在另一个(图像)上

QT 图形场景/视图 - 用鼠标移动

js+css鼠标移动图片放大

鼠标悬停更改图像位置和大小

html鼠标悬停左侧缩小图片放大到右边

Javascript:在没有 Jquery 或插件的情况下放大鼠标悬停