Gallery link show/hiden

[diegoprass]

Olá estou com uma duvida sera que alguém pode me dar uma dica?

Estou desenvolvendo um site ONE PAGE

Dentro dele tenho varias seções, dentre umas delas tenho imagem com links posicionados dentro dela.

-------

<div class="section" id="secondPage">

<section>

<header>

<img name="lupas" src="images/1_header.jpg" width="1343" height="726" id="lupas" usemap="#m_lupas" alt="lupa" />

<map name="m_lupas" id="m_lupas">

<area shape="rect" coords="469,418,511,461" href="images/paralax/marinheiro/index.html" target="None" alt="" title="Quarto Marinheiro" />

<area shape="rect" coords="229,349,271,392" href="images/paralax/tropical/index.html" target="None" alt="" title="Quarto Tropical" />

<area shape="rect" coords="223,235,265,278" href="images/paralax/branco/index.html" target="None" alt="" title="Quarto Branco" />

<area shape="rect" coords="477,298,519,341" href="images/paralax/safari/index.html" target="None" alt="" title="Quarto Safari" />

<area shape="rect" coords="912,397,954,440" href="images/paralax/pescador/index.html" target="None" alt="" title="Quarto Pescador" />

</map>

</header>

</section>

</div>

----

Cada link é uma referencia a uma nova galeria, devera estar escondida.

Ao clicar em um link, logo apos essa div acima, devera surgir um div que esta escondida(que é o problema) Onde terá uma galeria para mostrar as imagens referentes ao link.

Deve criar uma galeria para cada link com a imagens e deixas escondida? tem alguma maneira de posicionar todas as galerias no mesmo local, para que usuário tenha a impressão ao clicar em outro link, apenas as imagens da galerias tenha si alterado.

-O usuário pode fechar e abrir essa aba, logo abaixo da imagem.

Qual a melhor maneira para criar? desenvolver essa gallery? (css, html e php ou javascrip, ajax)

Editado Novembro 3, 2014 por diegoprass

[Sandro2011]

Boa noite,

Se for coisa simples, faça diversas divs com atributo "display: none;" para ficarem escondidas e quando o usuario clicar no link, você mostra cada uma.