更多>
最新下载
24小时阅读排行榜
- 1 Excel如何快速删除表格中的重复数据_Excel删除重复项数据去重操作步骤
- 2 css transition与transform translateY垂直移动
- 3 JavaScript元编程深入解析
- 4 如何用css设置animation-delay延迟效果
- 5 sublime怎么配置eslint进行js语法检查_Sublime集成ESLint进行JavaScript语法检查配置
- 6 VSCode入门：基础配置与插件推荐
- 7 win11触摸屏校准功能在哪里_win11触摸屏校准功能使用教程
- 8 可米酷漫画在线入口网址_ 可米酷漫画官方免费链接
- 9 WPS为什么文件打开显示乱码_WPS乱码问题排查与解决
- 10 windows10提示“windows无法访问指定设备、路径或文件”_windows10无法访问文件或路径修复方法
- 11 VSCode代码镜头提供者配置
- 12 Bilibili青少年模式官网_Bilibili安全中心官方网站地址
- 13 如何用WPS制作数据对比分析表_WPS数据对比表制作步骤
- 14 Golang模块版本管理与升级策略解析
- 15 c++如何遍历和修改map中的value_c++修改map中value值方法
更多>
最新教程
-
- Node.js 教程
- 5702 2025-08-28
-
- CSS3 教程
- 829053 2025-08-27
-
- Rust 教程
- 8996 2025-08-27
-
- Vue 教程
- 11001 2025-08-22
-
- PostgreSQL 教程
- 8721 2025-08-21
-
- Git 教程
- 4637 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
相关推荐
intense图片全屏浏览插件(jQuery)
intense图片全屏浏览插件(jQuery)，当鼠标点击图片时，可以全屏幕浏览图片，移动鼠标可以查看图片不同的部分，适合相册展示图片细节。兼容主流浏览器，php中文网推荐下载！
使用方法：
1、head区域引用文件styles.css及intense.js
2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码
3、复制images文件夹
图片特效
2017-03-11
jQuery响应浏览器窗口大小图片排列代码
jQuery响应浏览器窗口大小图片排列代码是一款效果类似于Flick和谷歌加的图片画廊效果，为所有图片提供统一的高度，图片按照自身比例进行缩放。
窗口特效
2017-04-01
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
jQuery移动端和桌面设备的轻量级幻灯片特效源码
jQuery移动端和桌面设备的轻量级幻灯片特效源码是一款支持移动端和桌面设备的轻量级jQuery幻灯片插件swipeslider的特效。它支持图片和其它HTML内容，支持幻灯片内容无限循环播放。本代码适用浏览器：搜狗、360、FireFox、Chrome、Safari、Opera、傲游、世界之窗，不支持IE8及以下浏览器。有兴趣的朋友们可以来下载试试吧。本段代码兼容目前最新的各类主流浏览器，是一款
焦点幻灯
2017-08-24
热门下载
canvas音谱可视化mp3音乐播放器代码
html5 canvas通过AudioContext对获取audio标签播放的音域和音高，调用js绘制相应高度的矩形或线条。
播放器特效
2021-03-10
