slick 一瞬縦並びになるのを解消する方法


//CSS部分 ※style.cssに記載

まずはスライダーの読み込みが完了するまで表示させないという指示。
.slider {
display: none;
}

.slick-initialized {
display: block;
}

↓そして、その後、読み込んだら表示させるという指示。


//JavaScript部分 ※header.phpのhead内に記載した
<script type="text/javascript">
$(window).load(function() {
$('#slider').fadeIn(10000); //ここのIDはさっきのと同じ
});
</script>

この記事が気に入ったらサポートをしてみませんか?