> For the complete documentation index, see [llms.txt](https://v1-6-0.pipui.ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://v1-6-0.pipui.ru/components/slider.md).

# Слайдер

Слайдер - отличное дополнение для вашего сайта, когда необходимо показать специальные акции или другое интересное содержимое, которое может быть не только изображением, но и любым другим контентом.

```html
<div id="slider-1"></div>
<script>
    $(function(){
        $('#slider-1').slider({
            'slides': [
                '<div class="slider-slide" style="background-image: url(img/pic/1.jpg);"></div>',
                '<div class="slider-slide">Some text</div>',
                '<div class="slider-slide" style="background-image: url(img/pic/3.jpg);"></div>'
            ]
        });
    });
</script>
```

{% embed url="<https://codepen.io/pipui/pen/jOpywra>" %}
Пример работы кода выше
{% endembed %}

Вы можете назначить объект .slider() переменной и управлять им через эту переменную, выставляя настройки во время выполнения скрипта.