Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.03.2020, 14:53
Новичок на форуме
Отправить личное сообщение для Einsword Посмотреть профиль Найти все сообщения от Einsword
 
Регистрация: 11.03.2020
Сообщений: 1

Как добавить слайдер блоков (карусель)
Добрый день!

Имеется такой html с 6 блоками (просто пример), как сделать его слайдером, чтобы скроллились по 3 слайда, и были кнопки для скролла по бокам (стрелки)? Пытался пробовать готовые плагины слайдеров (slick), но была проблема, кнопки не отображались, ну и некоторые неудобтва также присутствовали.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .partner {
            display: inline-block;
            width: 300px;
            padding-left: 20px;
            padding-bottom: 20px;
        }
    </style>
</head>

<body>
    <div class="partners">
        <div class="partner">First Partner Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia et eveniet aspernatur optio impedit soluta veritatis sed, voluptas, asperiores quo?</div>
        <div class="partner">Second Partner Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi voluptates sunt quidem ea alias asperiores odit illum minus vitae nobis.</div>
        <div class="partner">Third Partner Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus incidunt error odit qui voluptatum itaque vitae laudantium aspernatur, sapiente doloremque!</div>
        <div class="partner">Forth Partner Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, fuga porro? Consequuntur cumque nobis, optio, aspernatur ex deserunt placeat voluptate.</div>
        <div class="partner">Sixth Partner Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi tempora nihil inventore alias quibusdam, ullam perferendis adipisci necessitatibus, unde reprehenderit?</div>
        <div class="partner">Seventh Partner Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel praesentium porro magni veritatis, voluptatibus ad, consequuntur natus ex similique. Omnis!</div>
    </div>
    

</body>

</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как добавить в js слайдер авто прокрутку blackcky Общие вопросы Javascript 5 20.01.2015 09:04
как привязать карусель к кнопкам выбора harley jQuery 0 09.09.2014 14:27
Как сделать слайдер с прокруткой слева на право Avivar jQuery 1 20.06.2014 10:48
Как добавить методы объекту после конструирования. DragorWW Общие вопросы Javascript 23 21.01.2013 20:39
Как добавить свой блог в раздел feeds этого сайта IzumeRoot Ваши сайты и скрипты 13 30.10.2008 21:11