jQuery游戏人物轮播切换效果，基于slick幻灯片插件制作的一款背景图片切换效果。
使用方法：
1、在head区域引入头部4个样式表文件
2、在你的网页中加入注释区域代码
3、人物图片均为PNG透明背景，以实现融合效果。
<!-- js代码开始 -->
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src='js/slick.min.js'></script>
<script type="text/javascript">
(function() {
var slideContainer = $('.slide-container');
slideContainer.slick();
$('.clash-card__image img').hide();
$('.slick-active').find('.clash-card img').fadeIn(200);
// On before slide change
slideContainer.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
$('.slick-active').find('.clash-card img').fadeOut(1000);
});
// On after slide change
slideContainer.on('afterChange', function(event, slick, currentSlide) {
$('.slick-active').find('.clash-card img').fadeIn(200);
});
})();
</script>
<!-- 代码 结束 -->
<!-- 代码 结束 -->
基于slick幻灯片插件制作的一款jQuery背景图片切换效果由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jiaodiantu/33456.html
源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
标签：网站源码
兼容IE8的jQuery幻灯片切换代码
Material Design风格内容幻灯片代码
jQuery带视觉差效果幻灯片代码
JS+CSS3制作3D翻转式幻灯片代码
jQuery多种切片过渡动画幻灯片代码