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ć.
Pełna wersja: [CSS][HTML] Statyczne przyciski w sliderze
W przypadku tej galerii nie jest to możliwe.
Cytat(trueblue @ 29.07.2019, 13:16:28 ) 
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ę?
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:
i zmienić pozycjonowanie tych strzałek na fixed, ale wtedy będą umocowane zawsze na tej samej wysokości w oknie przeglądarki.
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
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.