Tutorial Galeria HTML

Deixamos de usar a galeria do Edge para usar essa em HTML.

IMPORTANTE:

Teste a galeria no Safari ou Firefox. No Chrome não funciona.

O QUE HÁ DENTRO DA PASTA:

Você só vai precisar mexer nas pastas DADOS e IMAGES.

RESUMO:

Imagens

As imagens devem ter o tamanho de 620px x 230px

Colar as imagens na pasta img com o nome img#.png (sendo # o número da imagem)

galeria.json

CUIDADOS

1

Adicionar título da página após “titulo_pagina”, com a editoria. não é necessário por Folha de S.Paulo

"titulo_pagina":"titulo da pagina - editoria",

Adicionar título da arte após “titulo_infografia”.

Adicionar linha fina após “linha_fina”. Ela não pode ter mais que 70 caracteres. O sublime mostra quantos caracteres uma seleção tem na barra inferior.

2

O QUE VOCÊ VÊ

{
    "imagem":"images/img1.png",
    "descricao_imagem":"descricao da imagem",
    "titulo":"titulo",
    "texto":"texto"
},

3

Abra a galeria no Safari ou Firefox. No Chrome não funciona. Teste a vontade.

Compare com essa galeria publicada

4

Jogar a pasta, já renomeada, no infográficos, como temos feito ultimamente.