Why is the slider not connected?

S

Suleymanov2020-05-11 14:32:28

css

Suleymanov, 2020-05-11 14:32:28

Everything is connected correctly, I checked several times.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel='stylesheet' href='css/style.css'>
    <link rel='stylesheet' href='css/slick.css'>
    <link rel='stylesheet' href='css/slick-theme.css'>

</head>
<body>
    <div class="container">
        <div class="box">How are you dude???</div>
        <div class="box">How are you dude???</div>
        <div class="box">How are you dude???</div>
    </div>

    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="js/slick.min.js"></script>
    <script>
       $('.container').slick({
  infinite: true,
  slidesToShow: 1,
  slidesToScroll: 1
});
  
    </script>
</body>
</html>

.container{
}
.box{
    border:3px solid black;
    width: 400px;
    height: 400px;
}

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

D

Danil Fliginskiy, 2020-05-11
@danilfliginskiy

If the previos and next buttons do not appear, then the problem is in the scripts. But just in case, place the slider styles below the main styles, as the main styles can override the slider styles. In general, I advise you to write styles yourself. There is a video on this slider on the Freelancer for Life YouTube channel. It helped me