Olá amigos tudo bom?

O blog esta no inicio mais como falei pretendo com este Blog passar a você um pouco do que venho aprendendo com desenvolvimento de sites, veja que eu disse “aprendendo”, pois nesta área surgem coisas novas a todo tempo, então é sempre bom estar se atualizando para não ficar p/ trás.

Bem nessa semana que passou tive que desenvolver um álbum de fotos, nada muito diferente, coisa simples mesmo, é claro que nada impede trabalhar em cima da idéia para incrementar mais o código. Digamos que o que vou passar aqui é algo básico mesmo para vocês irem incrementando da maneira de vocês. :D

Vamos lá, para a criação deste álbum de fotos eu utilizarei PHP 5 e banco de dados MySQL, depois vou usar um LightBox só p/ dar um charme na exibição das fotos.

Para começar vamos criar o banco de dados, crie a seguinte tabela em seu MySQL:

Tabela MySQ

Tabela MySQ

Agora vamos criar um arquivo que vai fazer a conexão com o bando de dados, vamos chama-lo de conecta.php.

Conexão com o banco de dados

Conexão com o banco de dados

 Agora vou criar um arquivo com o formulário para subir a foto e adicionando uma leganda para a mesma, para isso segue o eguinte código:

Formulário de cadastro

Formulário de cadastro

Blz, até aqui tudo certo??? Esse formulário aí em cima vai pegar os valores do arquivo e da legenda e envia via POST para o arquivo “galeria_grava.php” que é responsável pela gravação no banco de dados.

Vamos ao arquivo “galeria_grava.php” ele esta todo comentado para facilitar o entendimento.

Código para gravar informações no banco de dados

Código para gravar informações no banco de dados

 

Pronto esse arquivo faz a gravação dos dados no banco. Essa foi a parte da gravação dos dados no banco e o envio da foto para o diretório correspondente, vou partir agora para a parte de “fora” onde será exibida as imagens e suas respectivas legendas.
Arquivo “exibe.php“.
Exibindo as imagens cadastradas

Exibindo as imagens cadastradas

Como prometido esta aí, comentei a parte onde entra o lightbox para facilitar visualização. Há muitos tutoriais na internet sobre lightbox, mais para facilitar estou disponibilizando para download todos os arquivos utilizados neste tutorial.
É um script bem simples que você pode incrementar da maneira que quiser. Qualquer coisa só mandar um comentário que logo estarei respondendo.
Desculpe pelas imagens dos codes, mais é que meu Wordpress por algum motivo que não si qual nõ estava publicando os códigos direto no post, poisso tive que colocar como imagem.
É isso, até a próxima pessoal
Share and Enjoy:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Technorati
  • LinkedIn
  • Reddit
  • Google Bookmarks
  • Rec6
  • Facebook
  • Twitter
  • RSS
Colocado em PHP em junho 20th, 2009. Trackback URI: trackback
Tags: , , , ,

6 Comentários para “Galeia de Fotos PHP e MySQL”

  1. junho 26th, 2009 em 11:22 am #Lênio cesar

    opa, vou testar isso ai …parece interessante..
    parabéns ….

  2. junho 29th, 2009 em 12:59 pm #Jepherson Cescon

    Muito bom mesmo, simples ao extremo, mais ate que poderoso, foi o melhor que achei ate agora…

  3. julho 4th, 2009 em 7:12 am #Jair Sena

    Olá Leonardo
    Vou testar seu tutorial e logo postarei o resultado.

  4. julho 6th, 2009 em 12:44 pm #cesar ernani

    Olá Leonardo,

    Seu exemplo é excelente, testei e funcinou. Mas tenho a necessdade de exibir as imagens automatico, a cada tempo mostrar as imagens com texto a lado, ou seja, digamos q tenho 5 imagens e preciso q seja mostrado automaticamente sem precisar autualizar a pag. Como faço?

  5. julho 7th, 2009 em 10:41 pm #Diony

    Caro amigo, seu tutorial está ótimo… eu gostaria de saber…
    Gostaria de Exbir as imagens lado a lado. Por Exemplo, tenho 9 imagens… queria sabe como eu faço pra exibir 3… em uma tabela uma do lado da outra… e com um loop exibir as restantes logo abaixo. Aguardo a resposta… Abraço!

  6. outubro 8th, 2009 em 11:22 am #Leo

    Neste caso já seria a exibição das imagens cadastradas no banco, há varias maneiras de fazer, aconselho você a usar CSS para isso, dê uma pesquisana na internet que achará bastante coisa relacionada ao assunto.

Deixe um comentário!

XHTML: Poderá utilizar as seguintes tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">