(Clique na imagem)
Veja tutorial abaixo e coloque no seu blog "Image Thumbnail Viewer". Visualize imagens em tamanho real, ABRE E FECHA na mesma página apartir de uma galeria thumbnail. É um código compacto, e não interfere em nada na página, carregando a imagem desejada dentro de um box com bordas customizável.
Opcionalmente você pode pôr uma descrição de texto baseada na ligação ativando o atributo “texto”. Veja os exemplos acima. Clique na imagem e no "SOL"
Opcionalmente você pode pôr uma descrição de texto baseada na ligação ativando o atributo “texto”. Veja os exemplos acima. Clique na imagem e no "SOL"
1º Passo:Copie e cole esse código abaixo logo após a tag <HEAD>do seu Template e salve.
<link rel="stylesheet" href="http://rosduz.googlepages.com/thumbnailviewer.css" type="text/css" />
<script src="http://rosduz.googlepages.com/thumbnailviewer.js" type="text/javascript">
</script>
2º Passo:Copie esse código abaixo onde você quer que apareça a galeria de imagens em thumbnail.
<p><a href="URL IMAGEM" rel="thumbnail" title="Descrição da imagem">TÍTULO DA IMAGEM</a></p>
<p><a href="URL IMAGEM" rel="thumbnail"><img src="URL IMAGEM" style="width: 50px; height: 50px" /></a></p>
Lembrando que você pode colocar quantas imagens quiser. É só repetir os códigos do passo 2.
Pronto.
Postar um comentário
Por favor deixe seu email pra futuro contato. Comentários sem email válido não serão respondidos!