Как добавить слайдер блоков (карусель)
Добрый день!
Имеется такой 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> |
Часовой пояс GMT +3, время: 16:40. |