更多>
最新下载
24小时阅读排行榜
- 1 html中如何填充_HTML表单/元素（input/textarea）内容填充方法
- 2 css过渡与边框border变化结合
- 3 mysql输入正确密码连接不上怎么办
- 4 使用VSCode的Bookmarks插件管理代码书签
- 5 qq浏览器账号被盗了怎么找回_qq浏览器账号安全找回步骤
- 6 AO3官方网址导航_中文版网页直接进入
- 7 sublime怎么配置python的linter_sublime设置Python代码检查教程
- 8 如何在CSS Grid中实现响应式图片列表_网格布局与媒体查询结合
- 9 vscode同步插件支持哪些平台_vscode同步插件兼容平台介绍与说明
- 10 vscode怎么用git推送标签_vscode将git标签推送到远程仓库的方法
- 11 ES6+新特性在现代化项目中的实践应用
- 12 苹果14 Pro如何清理App缓存_iPhone 14 Pro App缓存清理教程
- 13 夸克网页版下载入口 夸克网盘网页版文件下载教程
- 14 如何禁止mysql开机自启
- 15 Windows安装到“准备就绪”界面卡很久怎么办？
更多>
最新教程
-
- Node.js 教程
- 7110 2025-08-28
-
- CSS3 教程
- 1009159 2025-08-27
-
- Rust 教程
- 11282 2025-08-27
-
- Vue 教程
- 13518 2025-08-22
-
- PostgreSQL 教程
- 10365 2025-08-21
-
- Git 教程
- 5052 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移动端和桌面设备的轻量级幻灯片特效源码
jQuery移动端和桌面设备的轻量级幻灯片特效源码是一款支持移动端和桌面设备的轻量级jQuery幻灯片插件swipeslider的特效。它支持图片和其它HTML内容，支持幻灯片内容无限循环播放。本代码适用浏览器：搜狗、360、FireFox、Chrome、Safari、Opera、傲游、世界之窗，不支持IE8及以下浏览器。有兴趣的朋友们可以来下载试试吧。本段代码兼容目前最新的各类主流浏览器，是一款
焦点幻灯
2017-08-24
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
