Как сделать такой слайдер?

Question

[semenvachekin]

Ребят нужен слайдер, чтобы было главная картинка а с права от нее маленькие,
имею ввиду картинка и справа маленькие 4

Answer 1

[id_baton4eg]

Просто сверстать например на owl, slick, swiper на выбор - нет разницы.

Comments

[semenvachekin]

wowslider.com/ru/online-photo-slideshow-balance-bl... вот такого типа нужен но там такого нет нужно платить

[id_baton4eg]

semenvachekin, так всегда, или платить или писать, других вариантов нет и надеюсь не будет.

Answer 2

[dicem]

Кароч когда под owl верстаешь, там выставляешь на отображение 5 изображений. На активные (отображаемые) изображения, owl добавляет классы (.active) или что то типа того. Это поомжет тебе сделать так:

.active{
  transform: scale(80%);
}
.active:first-child{
  transform: scale(100%);
}

Comments

[semenvachekin]

wowslider.com/ru/online-photo-slideshow-balance-bl... мне такого типа надо точной такой же

[dicem]

semenvachekin, ну если точно такой же надо, скачивай да ставь, там же большая кнопка "Download" есть.

[semenvachekin]

dicem, в том то и дело) скачал а такого слайдера вообще не нет

[Сергей delphinpro]

semenvachekin, Если не нужны такие эффекты, то берите slick carousel, делайте два слайдера, один — большая картинка, второй, в режиме навигации, — карусель маленьких.
Вот здесь демка с примером кода, под заголовком Slider Sincyng kenwheeler.github.io/slick