使用jquery.SuperSlide多功能插件制作的商品图片列表滚动切换,带tab标签分类和左右箭头按钮控制图片列表滚动切换效果。
方法介绍,对应的参数设置必须匹配,否则无效。查看本实例div代码结构即可。
jQuery(".tab-pic").slide({
titCell:".tag-nav li", // 对应的标签
mainCell:".piclist", // 对应图片容器
effect:"left", // 左边滚动
easing:"easeInOutSine", // 滚动效果
prevCell:".prev", // 上一个
nextCell:".next", // 下一个
delayTime:800 // 延迟
});
修改标签分类文本
<ul class="tag-nav">
<li class="tag-s1"><a href="https://www.861ppt.com/mokuai/">羽绒服/棉服</a></li>
</ul>
修改图片列表内容,src的路径修改即可。
<ul>
<li><a href="https://www.861ppt.com/mokuai/"><img src="images/1.1.jpg" /></a></li>
</ul>