头像

jQuery点击缩略图弹窗放大图片切换展示代码

来源:https://www.sucaihuo.com/js/3854.html 18***38 2018-08-06 11:55浏览(1212) 收藏

一款功能强大的jQuery点击缩略图弹窗放大图片切换展示代码,支持放大缩小、旋转、刷新、上一张下一张等操作。
jQuery点击缩略图弹窗放大图片切换展示代码
分类:图片代码 > 缩略图 难易:初级

程序员,你不是一个人;网站开发QQ群:642228541,在线充值,或联系QQ321037704直接充值

查看演示 下载资源: 39 下载资源 下载积分: 20 积分

js代码

<script src="./js/jquery.js"></script>
<script src="./js/index.js"></script>
<script src="./js/jquery.rotate.min.js"></script>
<script type="text/javascript">
$(function () {
	$('[data-magnify]').Magnify({
		Toolbar: [
			'prev',
			'next',
			'rotateLeft',
			'rotateRight',
			'zoomIn',
			'actualSize',
			'zoomOut'
		],
		keyboard:true,
		draggable:true,
		movable:true,
		modalSize:[800,600],
		beforeOpen:function (obj,data) {
			console.log('beforeOpen')
		},
		opened:function (obj,data) {
			console.log('opened')
		},
		beforeClose:function (obj,data) {
			console.log('beforeClose')
		},
		closed:function (obj,data) {
			console.log('closed')
		},
		beforeChange:function (obj,data) {
			console.log('beforeChange')
		},
		changed:function (obj,data) {
			console.log('changed')
		}
	});

})
</script>
最新交易
评论2
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 525945990

  • 头像 椅子
    12-19 22:45
    Be***Xu
    这个效果写的真好,谢谢分享
  • 头像 沙发
    08-06 23:26
    ze***fc
    这特效做的,很酷炫啊,哈哈
1 2