carregar imagem

[Thiago lablonsk]

Galera eu preciso carregas as fotos de uma pasta porém eu preciso muito que vocês me ajudem nisso. Eu quero carregar as fotos só quando eu clicar na palavra "mostrar fotos" que vem acompanhada de um scrypt toggle. Mais as fotos só devem ser carregadas após clicar e eu não estou conseguindo. A div onde as imagens se encontram se chama <div id="galeria"> sem atualizar pagina toda. Exemplo se eu clicar na palavra imagem1 ele carrega na div galeria todas imagens se eu clicar na imagem2 ele carrega e imprime na div galeria as imagens da imagem2 sem atualizar a pagina

<?php

$pasta = 'imagem/fotos eventos/fotosteste/';
$arquivos = glob("$pasta{*.JPG,*.JPEG,*.*,*.bmp}", GLOB_BRACE);
foreach($arquivos as $img){?>

<a href="<?php echo $img; ?>">
<img src="<?php echo $img; ?>"class="imagemalbum">
</a>
<?php } ?>

Muito obrigado!

Editado Agosto 28, 2016 por Thiago lablonsk

[sousatg]

5 horas atrás, Thiago lablonsk disse:

Mais as fotos só devem ser carregadas após clicar e eu não estou conseguindo.

Boa noite,

Para você fazer isso precisa de utilizar ajax. O mais simples seria utilizar jQuery que coloca uma camada de abstração sobre o ajax e ainda vem com captura de eventos para o click em algum elemento do HTML.

 

[codecss]

Pode fazer isso com css: https://jsfiddle.net/ededev/x195azvp/2/

Tem é que aplicar a estrutura de condição if, para que o mesmo botão sirva para várias imagens e vários estados