当前位置: 首页 > 工具软件 > Cloud Zoom > 使用案例 >

cloud-zoom.js 放大图片

松国兴
2023-12-01

引入   其中 要给a标签添加"cloud-zoom" 样式

	<link rel="stylesheet" href="{{ staticsUrl }}/css/cloud-zoom.css">
	<script src="{{ staticsUrl }}/js/cloud-zoom.js"></script>

    <script>
           <div class="list-card">
          <div class="card-img zoom-container js-zoom">
       	 <a class="cloud-zoom" href="${item.bigPic}"	target="_blank"	 rel="useWrapper: false, showTitle: false,zoomWidth:'300', zoomHeight:'300', adjustY:0, adjustX:0" >
		 	  	<img src="${item.smallPic}"  class = "smallPic"   />
		 </a>
          </div>

        $(function(){
                $('.cloud-zoom, .cloud-zoom-gallery').CloudZoom() 
        })
    </script>

 

 类似资料: