jQuery卡片式焦点图切换动画特效

yzch6671

1年前发布

023870

jQuery卡片式焦点图切换动画特效

一款适合用于游戏人物介绍的jQuery卡片式焦点图切换动画特效，特别之处在于切换内容可以延迟展示，比如内容中的游戏人物图片就可以在整幅画面切换完成后再淡入显示，也就是说，它支持分步骤加载。

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>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END