Às vezes queremos colocar várias imagens ou fotos na mesma postagem, mas fica um pouco esquisito, ocupando espaço demais na página, então uma boa solução para esse problema é organizar uma galeria de fotos, ou dizendo em outras palavras, fazer que todas as imagens apareçam no mesmo lugar, como um slide com miniaturas ou links que clicamos para ampliar as fotos. Veja o código:
Lago
Praia
Se quiser hospede as imagens no ImageShack então pegue o endereço de cada uma subtitua no código, lembrando que a imagem que está na parte do iframe vai aparecer e as outras ficarão ocultas só aparecendo quando clicar nos links abaixo, cuidado para não pegar o código errado, a url da imagem está em direct link. Outro detalhe é que se invés de usar palavras quiser usar miniatura das imagens para fazer os link é possível, basta colocar o target="galeria" no código.
A parte principal é observar target=”galeria” veja que esse é o mesmo nome que usamos logo na primeira linha name="galeria", então se for usar mais de uma vez esse código no seu blog ou site tem que usar nomes diferentes para evitar erros.
Cuidado com o tamanho das imagens, elas têm que ser todas iguais, no caso usei 400 por 300, esse número também está no código do iframe, então faça os ajustes nas imagens antes de publicar. Isso porque na verdade o iframe não é transparente, ele tem fundo branco então se as imagens forem de tamanho diferente ficará aparecendo uma margem branca, além disso, elas ficarão cortadas, pois o tamanho 400 por 300 que colocar no código do iframe é fixo, ou seja, ele não se ajusta ao tamanho das imagens.
Dica retirada de:
http://www.dicasparablogs.com.br/2009/06/fazer-um-galeria-de-imagens-no-blog.html
Postagens
0 comentários:
Postar um comentário