Exemple de code pour implémenter des images de carrousel et un défilement transparent dans SuperSlidev2.1

SuperSlidev2.1.用方法如下

html

 

js

/***Effet de bannière carrousel plein écran***/
$( ".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",
effet : "fold",
autoPlay : true,
autoPage : true,
déclencheur : "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")
}
>
});
/***Effet carrousel***/
$(".dtbd").slide({titCell: ".hd li",mainCell:".bd ul",autoPlay:true});

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