更多>
最新下载
24小时阅读排行榜
- 1 Python配置校验机制_启动安全说明【指导】
- 2 html文件怎么打开控制台报错_打开后F12控制台出现错误的定位【方法】
- 3 如何在Golang中使用常量_定义const保证数据不被修改
- 4 如何在Golang中优化字符串查找性能_Golang strings处理性能提升方法
- 5 如何为Golang配置Lint工具_Golang代码检查工具配置说明
- 6 如何在Golang中捕获测试输出日志_Golang testing日志记录示例
- 7 如何在 MongoDB 中将数组字段转换为对象数组
- 8 如何在Golang中掌握常用运算符_Golang算术逻辑位运算应用
- 9 bilibili怎么用html5_B站播放页选HTML5播放器替代Flash观看视频【使用】
- 10 ThinkPHP的架构模式和其他框架有啥不同_特色分析【解答】
- 11 Go指针可否用于控制对象生命周期_Go Pointer生命周期说明
- 12 Linux线上配置管理教程_配置中心设计与落地
- 13 Linux系统回滚方案规划_异常恢复方法说明【指导】
- 14 如何在Golang中实现错误通知机制_结合channel发送错误信息
- 15 如何在Golang中管理Kubernetes Secrets_安全存储敏感信息
更多>
最新教程
-
- Node.js 教程
- 14731 2025-08-28
-
- CSS3 教程
- 1542236 2025-08-27
-
- Rust 教程
- 22325 2025-08-27
-
- Vue 教程
- 24775 2025-08-22
-
- PostgreSQL 教程
- 21454 2025-08-21
-
- Git 教程
- 8533 2025-08-21
jQuery图片全屏缩放和平移预览代码
jQuery图片全屏缩放和平移预览代码，图片全屏预览模式：点击图片可以切换到全屏查看图片的模式，全屏模式下可以缩放和平移图片。
js代码
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/imageviewer.min.js"></script>
<script type="text/javascript">
$(function () {
var viewer = ImageViewer();
$('.gallery-items').click(function () {
var imgSrc = this.src,
highResolutionImage = $(this).data('high-res-img');
viewer.show(imgSrc, highResolutionImage);
});
});
</script>
js代码
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/imageviewer.min.js"></script>
<script type="text/javascript">
$(function () {
var viewer = ImageViewer();
$('.gallery-items').click(function () {
var imgSrc = this.src,
highResolutionImage = $(this).data('high-res-img');
viewer.show(imgSrc, highResolutionImage);
});
});
</script>
本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：admin@php.cn
相关推荐
相册上下无缝滚动展示特效
相册上下无缝滚动展示特效是一款基于css3 keyframes属性制作的全屏相册图片单排列表布局上下无缝滚动，悬停图片滑动收缩展开全图预览效果代码。
相册特效
2024-01-31
jQuery移动端和桌面设备的轻量级幻灯片特效源码
jQuery移动端和桌面设备的轻量级幻灯片特效源码是一款支持移动端和桌面设备的轻量级jQuery幻灯片插件swipeslider的特效。它支持图片和其它HTML内容，支持幻灯片内容无限循环播放。本代码适用浏览器：搜狗、360、FireFox、Chrome、Safari、Opera、傲游、世界之窗，不支持IE8及以下浏览器。有兴趣的朋友们可以来下载试试吧。本段代码兼容目前最新的各类主流浏览器，是一款
焦点幻灯
2017-08-24
jQuery响应浏览器窗口大小图片排列代码
jQuery响应浏览器窗口大小图片排列代码是一款效果类似于Flick和谷歌加的图片画廊效果，为所有图片提供统一的高度，图片按照自身比例进行缩放。
窗口特效
2017-04-01
intense图片全屏浏览插件(jQuery)
intense图片全屏浏览插件(jQuery)，当鼠标点击图片时，可以全屏幕浏览图片，移动鼠标可以查看图片不同的部分，适合相册展示图片细节。兼容主流浏览器，php中文网推荐下载！
使用方法：
1、head区域引用文件styles.css及intense.js
2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码
3、复制images文件夹
图片特效
2017-03-11
jQuery small2big图片缩放插件
jQuery small2big图片缩放插件，兼容主流浏览器，php中文网推荐下载！
使用方法：
1、head区域引用文件css和js库
2、在文件中加入html代码， 一个li对应一个图片，images文件夹的图片按数字命名 1.jpg, 2.jpg, ...
<ul class="s2b_col" id="s2b_col">
图片特效
2017-03-11
热门下载
canvas音谱可视化mp3音乐播放器代码
html5 canvas通过AudioContext对获取audio标签播放的音域和音高，调用js绘制相应高度的矩形或线条。
播放器特效
2021-03-10
