CODEWITHSUNDEEP
javascriptjqueryslidercarouselslick.js
Orkun Atasoy
Orkun Atasoy

Reputation: 23

How to remove Slick slider default slide timing?

My Slick slider implementation shows all slides for 1 second after every page reload and I want to remove it. How can I fix this? Below you can see my code:

HTML:

<div class="big-box">
  <div class="slick-slides">
    <img src="img/Slider/sliderbild_home_1.jpg">
    <div class="slider-flag">
      <h2>Dinner mit Freunden Geplant?</h2>
      <br />
      <h1><a href="reservation.html">Tisch reservieren</a></h1>
    </div>
  </div>

  <div class="slick-slides">
    <img src="img/Slider/sliderbild_home_2.jpg">
    <div class="slider-flag">
      <h2>Dinner mit Freunden Geplant?</h2>
      <br />
      <h1><a href="reservation.html">Tisch reservieren</a></h1>
    </div>
  </div>

  <div class="slick-slides">
    <img src="img/Slider/sliderbild_home_3.jpg">
    <div class="slider-flag">
      <h2>Dinner mit Freunden Geplant?</h2>
      <br />
      <h1><a href="reservation.html">Tisch reservieren</a></h1>
    </div>
  </div>
</div>

JS: 

$(document).ready(function(){
  $('.big-box').slick({
    autoplay: true
  });
});

CUSTOM CSS:

 .slick-slider{
   margin-bottom: 0px;
 }

.slick-slides{
    position: relative;

}

Upvotes: 0

Views: 606

Answers (1)

Amit Kumar
Amit Kumar

Reputation: 477

This problem occur due to processing time taken by slick slider. It will take some time to create slider till then your images displays as it is.

Upvotes: 3

Related Questions