百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
I

intense-images

> 编程语言
开源

一个简单的库,可通过简单的鼠标操作和全屏显示方式,从近距离查看大图像。

2.6K stars0 点赞1 次浏览
访问官网GitHub

工具介绍

一个简单的库,可通过简单的鼠标操作和全屏显示方式,从近距离查看大图像。

密集图像

一个独立的 JavaScript 库,用于在全屏上查看图像。使用触摸/鼠标位置进行平移。这里有一个演示!您还可以在 CodePen 上实时演示 代码。

说明

Intense Images 是一个独立的库(不需要 jQuery 等),因此使用非常简单。所有图像元素的样式设置都由用户自行完成。 Intense.js 仅处理图像查看器和字幕的创建、样式设置和管理。

HTML

想要使用 html 元素来激活 Intense 图像查看器时,没有太多限制,唯一必需的属性是 src、data-image 或 href,这些属性必须指向图像文件。如果您想要加载与原始源不同的图像版本(例如更高分辨率),则可以使用 data-image。

在分配要使用的元素时,Intense.js 相当强大,只需将它们传递给 Intense 函数即可,一旦它们被渲染。你可以使用 document.querySelector 来查找元素,方法如你所愿。或者,一次性查找多个元素,使用类名。

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScriptjavascriptmodalui

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言