Robię galerię zdjęć na stronie. Chciałem zrobić na wersji mobilnej tak, aby po naciśnięciu przycisku powiększała zawartość z 3 zdjęć do całej ilości. Wszystko (prawie, niestety) działa jak powinno.
function gExpand() {
var col = document.querySelectorAll(".column");
var gbtnp = document.getElementById("gbtnp");
for (i = 3; i < col.length; i++) {
if (col[i].style.display === "block") {
col[i].style.display = "none";
gbtnp.style.transform = "rotate(0deg) translate(0, 10%)";
} else {
col[i].style.display = "block";
gbtnp.style.transform = "rotate(-180deg) translate(0, 30%)";
}
}};
Gdy kurczę stronę do wersji mobilnej i od razu poszerzam, to nic się nie dzieje. Problem powstaje, gdy na wersji mobilnej rozwinę i znowu zwinę galerię do 3 zdjęć. Po rozwinięciu strony na wersję komputerową galeria ma nadal 3 zdjęcia (gdzie zawsze powinny być widoczne wszystkie zdjęcia). Da się zmienić kod, aby były widoczne wszystkie zdjęcia gdy strona ma >775px szerokości?