[CSS][HTML] Statyczne przyciski w sliderze Opcje

[helvi]

Witajcie,

Mam taką galerię link i chcę, żeby strzałki, które pojawiają się po kliknięciu w zdjęcie zostawały w jednej pozycji, a nie przesuwały się wraz ze zdjęciami. Zależy mi, żeby zrobić to w CSS, ale nie za bardzo wiem jak się za to inaczej zabrać.

[trueblue]

W przypadku tej galerii nie jest to możliwe.

[helvi]

W przypadku tej galerii nie jest to możliwe.

Okej, a widzisz jakieś inne rozwiązanie? Może nie CSS? Albo przekształcić jakoś tę galerię?

[trueblue]

Obawiam się, że nie znajdziesz podobnej pure CSS, tak więc pozostaje szukanie w wersji z JS.
Nie ma sensu jej zmiana, bo szybciej znajdziesz właśnie wersję opartą o JavaScript.

Edycja:
Przepraszam, jest jedna możliwość, ale i tak chyba nie będzie satysfakcjonująca.
Należałoby dodać do CSS:

Kod

div[id^="img"] label[for^="radio-img"] {
  display:none;
}

#radio-img1:checked ~ .reel-wrapper #img1 label[for^="radio-img"] {
  display:block;
}
#radio-img2:checked ~ .reel-wrapper #img2 label[for^="radio-img"] {
  display:block;
}

i tu dla kolejnych radio-img

i zmienić pozycjonowanie tych strzałek na fixed, ale wtedy będą umocowane zawsze na tej samej wysokości w oknie przeglądarki.


Ten post edytował trueblue 29.07.2019, 12:55:35