• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

aktywny slajd większy niż pozostałe - swiper

+1 głos
366 wizyt
pytanie zadane 10 stycznia 2024 w JavaScript przez new_user Użytkownik (640 p.)
cześć,

chciał bym zrobić slider gdzie aktywny slide jest większy niż pozostałe(widoczne od razu są 3 slide) i znajduje się na środku slidera do wykorzystania tego używam swiper.js ale wogóle nic nie działa i się rozwala wszystko, da się coś takiego w tym zrobić?

https://codepen.io/Dobre-ycie/pen/PoLzrwB

2 odpowiedzi

0 głosów
odpowiedź 11 stycznia 2024 przez pablop76 VIP (123,640 p.)

Może chodzi Ci o Effect coverflow

0 głosów
odpowiedź 11 stycznia 2024 przez VBService Ekspert (256,600 p.)

Spróbuj z: transform: scale()

[ przykład on-line ]

.swiper-slide {
  width: 26% !important;
  background-color: pink;
  height: 100%;
  transition: transform 0.5s;
}
.swiper-slide-active {
  transform: scale(1.2) !important;  
}

 

Podobne pytania

0 głosów
2 odpowiedzi 1,019 wizyt
0 głosów
1 odpowiedź 175 wizyt
pytanie zadane 11 marca 2019 w JavaScript przez Bakr Mądrala (6,850 p.)
+3 głosów
4 odpowiedzi 1,283 wizyt
pytanie zadane 10 kwietnia 2019 w HTML i CSS przez mb-dir Mądrala (6,710 p.)

93,695 zapytań

142,613 odpowiedzi

323,225 komentarzy

63,226 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...