js大屏导出图片_超大图片全屏动态展示js插件

intense-images是一款非常实用的超大图片全屏动态展示js插件。该图片查看插件可以全屏显示超大图片，可以使用鼠标来和图片进行交互，上下左右移动鼠标会相应的移动图片，对于超大图片的展示是非常好的用户体验。

使用方法

该超大图片展示插件没有任何外部依赖，使用时仅需引入intense.js文件即可。

HTML结构

该js插件的HTML结构非常简单。位移一个强制性的属性是src或一个data-image属性。他们都用于指向一个图片文件。

你也可以传入图片的标题和描述文本，它们会被显示在屏幕的左下角位置。图片标题使用data-title属性，图片描述使用data-caption属性。

data-caption="图片描述信息"/>

初始化插件

你可以使用document.querySelector()方法来获取你要全屏显示的图片，然后将它作为参数传入到Intense()方法中。

window.onload = function() {

// 获取页面中所有的图片

var element = document.querySelector( 'img' );

Intense( element );

}

或者也可以通过CSS名称来选择多个图片。

window.onload = function() {

// 选择所有class名称为intense的图片

var elements = document.querySelectorAll( '.intense' );

Intense( elements );

}

js大屏导出图片_超大图片全屏动态展示js插件相关推荐

js 复制图片_不会做ppt？Reveal.js让你复制粘贴另类拉风，简洁优雅又低调
要了解一个新知识我们可以从三个方面入手:是什么,有什么用,怎么用.下面我们就从这三个方面进行讲解Reveal.js Reveal.js是什么它是一个专门用来做 HTML 演示文稿的框架,通俗的讲它是 ...
HTML期末大作业—— 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计
HTML期末大作业-- 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感 ...
HTML期末大作业—— 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计...
HTML期末大作业-- 游戏网页(5个页面) ~ 全屏游戏美术大赛作品征集网页 HTML+CSS+JS ~ web课程设计网页规划与设计临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感 ...
css解决uniapp使用image标签图片无法撑满全屏问题
css解决uniapp使用image标签图片无法撑满全屏问题文章目录 css解决uniapp使用image标签图片无法撑满全屏问题前言一.问题还原二.问题解决 1.在解决问题之前有必要先来学习 ...
WebView 视频播放，全屏按钮显示不出来，全屏后不能播放视频
最近项目的一个需求,需要在Webview 里面播放视频遇到了一些问题: 视频可以正常播放但是,视频底部的全屏按钮没了,只有一个音量按钮.修改后,点击全屏,视频不能播放. 接下来一一解决: 问题1 : ...
Vue项目中监听全屏事件，实现全屏功能和按esc退出全屏（解决全屏踩坑难题）
展示效果: 全屏功能代码: <el-buttontype="button"id="full-btn-medium"@click="VideoF ...
EasyPlayer客户demo点击全屏无法实现播放器的全屏调整优化
EasyPlayer播放器是TSINGSEE青犀视频维护的一个RTSP播放器项目,EasyPlayer遵循了标准流媒体码流协议,进行实时播放以及码流录制,在数据流的播放速度以及画质的解码显示上均做了大 ...
js背景图片按比例充满全屏
背景: Chrome中页面背景图片:background-size:cover;可以按比例放大图片而无损画质. 问题是实际在pc端测试时不知何故,图片只能显示原大小,其他设置无法按比例放大. 如果设置 ...
jQuery仿QQ空间图片查看特效（全屏，放大，缩小，旋转，镜像，鼠标滚轮缩放）
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 地址:h ...

js大屏导出图片_超大图片全屏动态展示js插件

js大屏导出图片_超大图片全屏动态展示js插件相关推荐

最新文章

热门文章