Сегодня, в мае 2022 года я для себя открыл супер инструмент. Ранее которого мне не...
Когда нужно сделать простой слайдер фотографий или слайдер текста. То можно применить bxslider.
При вставке стандартной галереи в Wordpres на страницу, из этих картинок можно сделать слайдер, если подключить bxslider. Подключается он очень просто. Достаточно прописать код в шапке или футере сайта.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css"> <script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script> /* инициализация самого слайдера */ <script> jQuery(document).ready(function(){ jQuery('.gallery').bxSlider({ auto: true, controls: false, slideWidth: 400 }); }); </script> |
.gallery — это блок с классом gallery внутри которого идут картинки или блоки с контентом.
|
1 2 3 4 5 6 7 8 |
<div class="gallery"> <div>Контент или картинка 1</div> <div>Контент или картинка 2</div> <div>Контент или картинка 3</div> <div>Контент или картинка 4</div> </div> или шорткод стандартной галереи WordPress |
-
- Toyota Wish 2007 — без салона
-
- Toyota Wish 2007 — направляющие крыши
-
- Toyota Wish 2007 — направляющие крыши
|
1 |
Опции слайдера можно посмотреть на сайте https://bxslider.com/options/.