Jak zrobić taką galerię.

Odpowiedz Nowy wątek
2019-04-14 18:36
0

Robię pierwszą poważniejszą stronę internetową i chciałbym na niej umieścić galerię w stylu jak jest na stronie salonroman.pl na dole tej strony.
Nie wiem jak to jest tam zrobione, ale mój podstawowy plan to jak na razie mieć klasę z ukrytymi wszystkimi zdjęciami i drugą klasę z tymi które aktualnie są wyświetlane i po kliknięciu podmieniać odpowiednie pozycje. Na razie mam coś takiego.

prevBtn.addEventListener('click', () => {
    var i;
    var tmpH = hRefs[0].href;
    var firstPic = hiddenImg[0].src;

    for (i = 0; i < hiddenImg.length; i++) {

        if (i + 1 < hiddenImg.length) {
            hiddenImg[i].src = hiddenImg[i + 1].src;
            hiddenRefs[i].href = hiddenRefs[i + 1].href;
        } else {
            hiddenImg[i].src = firstPic;
            hiddenRefs[i].href = tmpH;
        }

        if (i + 1 < img.length) {
            img[i].src = hiddenImg.src;
            hRefs[i].href = hiddenRefs[i].href;
        } else {
            img[i].src = firstPic;
            hRefs[i].href = tmpH;
        }
    }
    animation();
});

Mi się wydaje, że powinno działać, ale właśnie kompletnie nie działa, a jeśli zakomentuje podmienianie widocznych zdjęć, to ukryte zachowują się zupełnie inaczej - poprawnie. Czyli wydaje mi się, że może nie być opcji zrobić tak, jak chce to zrobić, więc proszę o poradę jak to sensownie zrobić.

edytowany 2x, ostatnio: ToughCaptcha, 2019-04-14 18:45

Pozostało 580 znaków

2019-04-14 19:38

Chodzi ci o carousel slider?
https://owlcarousel2.github.io/OwlCarousel2/
https://glidejs.com/


Pozostało 580 znaków

2019-04-14 20:10
0
czysteskarpety napisał(a):

Chodzi ci o carousel slider?
https://owlcarousel2.github.io/OwlCarousel2/
https://glidejs.com/

Powinien być sensowny.

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0