álbuns sem da refresh

[Lozczn 0]

Opa galera beleza?

 

então estou montando o site na empresa onde trabalho, e o site vai conter muitos álbuns de festas que cobrimos, queria saber se alguém pode me ajudar.
Tipo, queria criar um álbum dinâmico por exemplo: vai ter 4 álbuns na página, ao clicar no álbum abriria um lightbox e com as fotos daquele evento.
Acho que fui claro com a explicação se alguem poder me ajudar fico grato !

[Diegus Miestro 21]

Cara, dá pra entender sua dúvida, mas existe muitas formas de solucionar, você já peneirou com abrir a galeria com lightbox. Tá usando algum framework, tipo bootstrap, ou o CSS é do zero?

[Lozczn 0]

Cara, dá pra entender sua dúvida, mas existe muitas formas de solucionar, você já peneirou com abrir a galeria com lightbox. Tá usando algum framework, tipo bootstrap, ou o CSS é do zero?

é tudo do zero.

[Diegus Miestro 21]

Acredito que a melhor opção é montar tudo e esconder, tipo, faz as DIV's das galerias mas no CSS ela fica escondida com Display NONE mesmo.

 

Tipo isso:

<ul id="lista-galerias">
   <li><a href="#galeria1">Galeria 1</a></li>
   <li><a href="#galeria2">Galeria 2</a></li>
   <li><a href="#galeria3">Galeria 3</a></li>
   <li><a href="#galeria4">Galeria 4</a></li>
</ul>

// Essa parte ficaria omissa até ser clicado em algum link acima onde através de CSS e Javascript iria exibir
<section id="galerias">
   <ul id="galeria01">
      <li><img src="imagem01.jpg" /></li>
      ...
   </ul>
   <ul id="galeria02">
      <li><img src="imagem01.jpg" /></li>
      ...
   </ul>
   <ul id="galeria03">
      <li><img src="imagem01.jpg" /></li>
      ...
   </ul>
   <ul id="galeria04">
      <li><img src="imagem01.jpg" /></li>
      ...
   </ul>
</section>