sexta-feira, 20 de novembro de 2015

Tutorial como fazer um "slide show"

Nesse tutorial sera ensinado como fazer um "slide show".
Primeiro vamos fazer o UP das imagens em um site de compartilhamento de fotos  para a transição no slide  irei usa o PICASA.



vamos cria um Album
Apos fazer o up das imagens clica em ok

apos cria o álbum vá no na parte direita da tela clique em editar
Ira aparece essa tela e mude a visibilidade para publico
Apos isso vamos fazer o post escreva seu texto e formate a sesu gosto opos isso clique em html
aparecera essa pagina
Apos isso va ate a ultima linha do html pressione enter duas vezes pro curso fica separado do html

apos isso copie o codigo que ta na caixa de texto logo abaixo e cole no html onde esta localiza o curso da imagem acima



ficara assim



A parte que sera editada sera essa(imagem a baixo) cada codido que esta entre </li> e </div> representa uma trasição de imagem


para acrescenta a imagem é so copia o link onde esta a imagem e cola substituindo LINK DA IMAGE no codigo html



para copia o link clique com o botao direito do mause na imagem no picasa e copia endereço da imagem


e cole em LINK DA IMAGEM no codigo html, faça isso com cada imagem.



 para bota o nome da pessoa que tirou as fotos é só substituir onde tem NOME no final do codigo

OBS: o código é de quantidades para 5 fotos caso queira acrescenta mais fotos copie o código a baixo entre <'div> e </ul></div> da imagem acima




e pra finaliza visualize pra ver se esta tudo ok antes de publica