SuperSlidev2.1 でカルーセル画像とシームレスなスクロールを実装するサンプル コード

SuperSlidev2.1 轮播图片と無缝滚動

使用方法点击链接：

简单使用方法次のように

html

< ;li _src="url(images/1.jpg)" style="background:#E2025E center 0 no-repeat;">< /a>

< ;/ul>

js

/***全画面カルーセル バナー効果***/
$(".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: "クリック",
startFun: function(i) {
var curLi = jQuery(".fullSlide .bd li").eq(i);
if ( !! curLi.attr("_src")) {
curLi.css("背景画像", curLi.attr("_src")).removeAttr("_src")
}
}
});
/***カルーセル効果***/
$(".dtbd").slide({titCell: ".hd li",mainCell:".bd ul",autoPlay:true});

/***画像をスクロールします***/
$ (".hzhb").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:6,interTime:50,trigger:"click",prevCell:".prev",nextCell :".next"});

以上がSuperSlidev2.1 でカルーセル画像とシームレスなスクロールを実装するサンプル コードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。