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ć.