html点击图片后图片移动,移动端点击图片放大图片,可左右切换图片

实现方式:借助插件:jquery.SuperSlide.2.1.3.js

在使用之前需要先引入jquery然后再引入第三方插件!!!!

点击缩略图显示的大图需要借助插件的一个属性::defaultIndex

image.png

从你点击图片开始,左右滑动

Html代码:

//此处是大图预览的盒子 ,切换图片也在此处实现功能

css部分代码:

image.png

/*移动端商品详情页的小图放大功能实现*/

.hd-drop-mask,.imgPreview-mask{

position: fixed;

width:100%;

height: 100%;

z-index: 1009;

display:none;

top: 0;

left: 0;

}

.hd-drop-mask.acti

你可能感兴趣的:(html点击图片后图片移动)