Example code for implementing carousel images and seamless scrolling in SuperSlidev2.1

SuperSlidev2.1 轮播图片和无缝滚动

使用方法点击链接：

 

简单使用方法如下

html

 

js

/***Full screen carousel banner effect***/
$(".fullSlide").hover(function(){
$(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
},
function(){
$(this).find(".prev,.next").fadeOut()
});
$(".fullSlide").slide({
titCell: ".hd ul",
mainCell: ".bd ul",
effect: "fold",
autoPlay: true,
autoPage: true,
trigger: "click",
startFun: function(i) {
var curLi = jQuery(".fullSlide .bd li").eq(i);
if ( !! curLi.attr("_src")) {
curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
}
}
});
/***Carousel effect***/
$(".dtbd").slide({titCell: ".hd li",mainCell:".bd ul",autoPlay:true});

/***scroll image***/
$(".hzhb").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:6,interTime:50,trigger:"click",prevCell:".prev",nextCell:".next"});

The above is the detailed content of Example code for implementing carousel images and seamless scrolling in SuperSlidev2.1. For more information, please follow other related articles on the PHP Chinese website!