Galeria de fotos em javascript atualizada

August 2, 2007 7:21 am

Corrigi alguns bugs que eram de meu conhecimento, como:

  • Centralizar a imagem vertical e horizontalmente.
  • Fundo transparente que não descia até o fundo em paginas com rolagem.

Adicionei um controle de erros ao carregar cada imagem da galeria, se um erro ocorrer, como o link apontar para uma url incorreta, surge uma mensagem de erro e a galeria é fechada.

No arquivo .zip vem 2 arquivos javascript um chamado script.js que é para ser usado na produção normalmente e um outro chamado script_estudo.js para poderem estudar o código.

O primeiro tem 9kb, o segundo 13kb, os comentários e a estrutura mais espaçada que estava usando para facilitar a compreensão estavam aumentando bastante o tamanho do arquivo, por isso separei em 2, mas ambos funcionam normalmente.

Melhorei a programação, alterando a forma de acesso a alguns objetos para dar mais estabilidade e dar mais dinamismo ao programar em futuras atualizações.

É Isso aí, um passinho de cada vez e o código vai melhorando :D

Espero que seja útil e ajude bastante gente, como sempre sugestões e críticas são muito bem vindas.

Ah, quase me esqueço, segue o link para página de exemplo e download da galeria de fotos versão 2.1.0

Compare preços

17 Comentários para “Galeria de fotos em javascript atualizada”

Allan Escreveu um comentário on August 2, 2007

Rodrigo,
Estava analisando este bugs mesmo, e já ia fazer um post sobre isto! Mais vc foi mais rápido! hahaha..
Então,
O script tá muito legal, e fácil a compreensão. Parabéns! Cada dia está melhorando mais e mais, daqui a pouco seu blog vai estar entre os mais conhecidos da WEB! hehe..
Mudando de assunto agora..
Gostaria de entrar em contato com vc, para conversarmos melhor .. tem como ?

Grande Abraço!

Roberto Escreveu um comentário on August 2, 2007

Cara aqui no trabalho ta funcionando legal no FF2, e IE7.

Curti pra caramba esses seus posts e o blog, espero que continue atualizando o script, e quem sabe até montando outros, assim ajuda muito.. da pra acompar as varias etapas da montagem… muito bom!!

Roberto Escreveu um comentário on August 4, 2007

Guilherme , eu também, sou bastante leigo, mas dai acho que vc teria que usar ajax, é diferente desse, mas acho que fica como idéia para algo novo né :D

Renato G. Escreveu um comentário on August 4, 2007

Cara isso que o Guilherme falou é com Ajax mesmo.
Tem até como adaptar esse codigo do Rodrigo, mas acho que vai dar mais trampo do que fazer um novo… procura na net, por listar resultados com Ajax deve achar algo bom.

daniel Escreveu um comentário on August 4, 2007

cara, tem um jeito melhor de fazer isso com javascriopt,dá uma olhadinha http://www.interiorweb.info/portfolio.html

Jorge Escreveu um comentário on August 4, 2007

Esse do daniel é o lightbox.. eu ja vi, mas vc tem que usar o prototype junto, ou seja, pra ter uma galeria de fotos tem que usar 100k de script, e sem nenhuma info em portugues…
Rodrigo curti seu blog, parabéns pelo script, é uma iniciativa como essa que precisamos no Brasil, alguém que faz e naum ficar soh pegando dos gringos.. eu baixei e pretendo usar no trabalho!!

vlw

Roberto Escreveu um comentário on August 13, 2007

Poxa, ta muito legal, tem como colocar um efeito de transparencia, tipo quando abre a janela?

Rodrigo Fante Escreveu um comentário on August 20, 2007

Ma scusami in che lingua scrivi?
Sembra italiano però ci sono cosi tanti sbagli che non riesco a capire quello che sta scrivendo!

Prova essere più oggettivo che di sicuro ti risponderò!

grazie mille.

Fazedor de Site » Arquivos do Blog » Balanço Geral Envie pingback on September 1, 2007

[...] post mais visitado foi Galeria de Fotos em Javascript atualizada, com 413 visitas únicas e 642 [...]

[...] post mais visitado foi Galeria de Fotos em Javascript atualizada, com 413 visitas únicas e 642 [...]

khshutixsx Escreveu um comentário on April 30, 2008
krkdghylgt Escreveu um comentário on April 30, 2008
xqzgxevcdy Escreveu um comentário on May 1, 2008
Rodrigo Campos Escreveu um comentário on September 23, 2008

Opa.
Já encontrei um bug =)
Teste no Chrome da Google. Abre a imagem, em seguida fecha.. depois tenta abrir de novo.. hehehehe..

Fuiz..

Galeria de fotos em JavaScript » CSS no Lanche Envie pingback on September 23, 2008

[...] FS Galeria de Imagens. Categorias: JavaScript Tags: JavaScript [...]

Gilmar Escreveu um comentário on January 21, 2009

amigo estou tentando usar seu script para meu site mais nao consigo!!! sou leigo nesta parte d script e queria entender o processo de acrescentar imagens??? OBRIGADO DESD DE JA

Sites Escreveu um comentário on January 27, 2009

Estes bugs ainda existem?

Obrigado!

Comenta ae..


Assine meus Feeds


Sobre/Contato

scripts