Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
充值

jQuery选择图片对比代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2019-01-13
这是一款jQuery选择图片对比代码,支持将图片拖动、放大缩小、顺时针逆时针旋转、取消选择等功能。


js代码

<script src="js/jquery.1.4.2-min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script src="js/swiper.min.js"></script>
<!--[if lt IE 9]>

    <script src="http://libs.baidu.com/html5shiv/3.6/html5shiv.min.js"></script>

<![endif]-->
<!-- Initialize Swiper -->
<script>
	/*顶部小图左右滑动生成*/
	$(document).ready(function(){
		var galleryThumbs = new Swiper('.gallery-thumbs', {
        spaceBetween: 10,
        slidesPerView:"auto",
        freeMode: true,
        watchSlidesVisibility: true,
        watchSlidesProgress: true,

	    });
	    /*图片对比区域获取窗口高度*/
	    var pic_contrast = document.body.offsetHeight;
	    $(".pic_contrast").height(pic_contrast);
	});
</script>