Почему не работают точки в слайдере?

Question

[Илья]

Вот код слайдера. Он отображается верно. Все норм. Точки появились, но при нажатии на них ничего не происходит. Работаю с Uikit 2. Кажется, делаю все по документации, но результат не тот. Может кто знает в чем дело и как заставить точки слайдера функционировать?

<!-- slider -->
<div class="uk-slidenav-position" data-uk-slider="{autoplay:true}">
    <div class="uk-slider-container">
        <ul class="uk-slider uk-grid-width-medium-1-1"> 
  			<li><img src="storage/sons/pic-slider-1.jpg" width="100%" height="100%" alt="slider picture"></li>
            <li><img src="storage/sons/pic-slider-2.jpg" width="100%" height="100%" alt="slider picture"></li>
            <li><img src="storage/sons/pic-slider-3.jpg" width="100%" height="100%" alt="slider picture"></li>
            <li><img src="storage/sons/pic-slider-4.jpg" width="100%" height="100%" alt="slider picture"></li>
        </ul>
        <ul class="uk-dotnav uk-dotnav-contrast uk-position-bottom uk-flex-center">
            <li data-uk-slideshow-item="0"><a href="#">Item 1</a></li>
            <li data-uk-slideshow-item="1"><a href="#">Item 2</a></li>
            <li data-uk-slideshow-item="2"><a href="#">Item 3</a></li>
            <li data-uk-slideshow-item="3"><a href="#">Item 4</a></li>
        </ul>
    </div>
</div>

Comments

[Максим Тимофеев]

А как html (который не является языком программирования) может помочь в ответе на вопрос "почему не работает?". Html поможет если вопрос "почему не там находится?" и то надо еще css прикладывать. А тут вопрос явно в js. Так что оформите все что Вы делаете например тут:
https://jsfiddle.net/
Возможно дело и в селекторах или ссылках с точек в никуда, но почему кто-то должен за Вас тестовый полигон готовить?
и дайте ссылку на документацию. которую Вы читаете, тогда будет можно ответить на вопрос.
А так Вы по сути спросили "что лежит в холодильнике" и выложили план кухни своей, вместо открытого холодильника.

[Илья]

Максим Тимофеев, просто предположил, что все дело в разметке. js файлы со слайдером и точками подключаются в Uikit 2. Я залил все это на PagKit. Там подключил js так:

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.4/css/components/slider.min.css" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.4/js/components/slider.min.js" crossorgin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.4/css/components/dotnav.min.css" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.4/css/components/dotnav.almost-flat.min.css" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.4/css/components/slidenav.min.css" crossorigin="anonymous">

Вот документация:
https://getuikit.com/v2/docs/dotnav.html

[Максим Тимофеев]

Илья, При чем тут PagKit? Вы на https://jsfiddle.net/ или на https://codepen.io/ воссоздайте свой кусок кода, сохраните, запустите (возможно там и заработает) и дайте ссылку. Что бы я и другие могли зайти туда и найти проблему.

Answer 1

[maxsnw]

dotnav.css подключен? если использовать слайдшоу, а не слайдер, будут работать?

Comments

[Илья]

dotnav.css подключен
сейчас попробую со slideshow

Answer 2

[Илья]

со слайдшоу точки заработали, но картинки теперь стали экстремально большими) хээх