使用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>