Picasa Web Integrator é uma biblioteca em javascript que lhe permite, de forma simples e eficiente, inserir suas fotos do antigo Picasa, atualmente chamado Google Fotos, em um site ou blog. Tem como base visual o sistema Slimbox2, que certamente trarão um charme a mais para suas páginas. Saiba que são necessários conhecimentos intermediários sobre como criar sites para executar os procedimentos. Se tiver alguma dúvida deixe um comentário, mas lembre-se de dar detalhes sobre seu problema.
O sistema é muito prático, após instalado, a galeria de imagens ficará plenamente sincronizada com as fotos armazenas no Picasa. Mas nem tudo são flores, para executar o passo a passo a seguir serão necessários conhecimentos básicos de HTML além de um serviço de hospedagem:
1 – Faça o download do Picasa Web Integrator modificado.
2 – Abra o arquivo pwi-1.0.js com seu editor de texto
3 – Procure pela linha: pwi_username = “YOUR_USER_NAME_HERE”;
4 – Subistitua YOUR_USER_NAME_HERE com o seu login.
Como você já deve ter reparado o arquivo pwi-1.0.js contém a maioria das variáveis de customização. Já no passo quatro o sistema estará funcionando no modo standard. Para testar abra o arquivo index.html no seu navegador e as fotos e álbuns do Picasa deverão aparecer, a seguir:
5 – Upe todos os arquivos do PWI para sua hospedagem.
6 – Insera os scrips e css entre as tags Head.
7 – No local da galeria insira uma DIV com id=”container”.
8 – Use o arquivo index.html como modelo nos passos 6 e 7
Funciona perfeitamente com o blogger também. Nele os scripts podem ser colocados tanto no template como diretamente no corpo do post (recomendado). Dependendo das configurações de CSS do seu site bugs podem ocorrer. No meu, por exemplo, o visual ficou completamente torto. O problema era que o id=”container” já estava sendo usado por outra por outra DIV.
Mudando o nome do ID nas configurações do PWI o problema se resolveu. A propósito o arquivo pwi-1.0.js possui muitas outras opções como: alterar o álbum a ser exibido, mudar o tamanho das miniaturas e da imagem grande, alterar os texto que devem ou não aparecer entre outras. Tudo muito bem comentado. É isso, siga essas dicas que com um pouco de paciência você irá conseguir fazer a sua galeria também.
Muito bom obrigado por compartilhar essa rica informação, uso muito o picassa!
tudo bem , pode me dar uma dica estou tentando , algo esta trancando o acesso
só aparece isso This will contain the album(s) veja http://equipsom.com.br/#!/page_fotos
Parece que você já conseguiu.
TEM COMO EU COLOCAR SÓ UMA FOTO DO ÁLBUM ?
OU FICAR TROCANDO A FOTO FICA UMA 3 SEGUNDOS E ABRE OUTRO NO MESMO LUGAR
AGRADEÇO 1
Tipo um slideshow? Não.
Esses sites, redes sociais em geral, ao invés de melhorar sempre andam pra trás! Já existiu a opção própria de fazer isto! Agora tem que fazer toda essa gambiarra? Ridículo isso! Por isso não vou usar mais e nem divulgar em hipótese alguma um serviço lixo desses que ao invés de melhorar piora sempre, sempre nos dando mais trabalho para algo que deveria ser mais simples!!!!
Isto vai depender da sua plataforma, mas de um modo geral elas tem a parte do editor visual e do editor em HTML.
Você, acredito, deve ter upado tudo para um local, e valendo-se precisamente de todos os arquivos padrões fez funcionar.
Para colocar nas postagens, apenas se baseie no index.html padrão, faça nas suas postagens todas as chamadas CSS e de JavaScript existentes nele, que então irá funcionar.
Olá!
Eu já baixei a biblioteca, fiz a alteração adicionando meu Id e enviei para minha hospedagem, ela pode ser acessada pelo endereço
http://www.castroweb.com.br/castrodigital/galeria/
Se você acessar, pode ver que funcionou perfeitamente.
Agora tenho uma dúvida:
Como colocar o album com as fotos em miniatura dentro do post do blog?
Pois ao colocar o comando – div id=”container” This will contain the album(s) /div – simplesmente não aparece o álbum. OBS: eu tirei os sinais de maior e menor que pois o comentário não estava sendo aceito.
Tente a variável var pwi_album_only do arquivo pwi-1.0.js, e repare que o próprio arquivo tem instruções sobre cada uma das variáveis.
Tem como colocar mais de um álbum? Pois aparecem todos os albuns públicos do Picasa e alguns não quero que apareçam.
Pode me ajudar?
Obrigada!
Não tenho como saber onde vocês erraram, afinal não estou vendo o que fizeram, e se não usarem um português bem escrito fica ainda mais complicado de entender.
Cara não consigo encorporar ele no site montei uma pagina em braco e coloqueoi cno corpo dela
div style=”width: 500px” id=”container”>This will contain the album(s)