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
  • Tumblr
  • email

Nenhum post relacionado.

24 Responses to “Galeia de Fotos PHP e MySQL”

  1. Lênio cesar says:

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

  2. Jepherson Cescon says:

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

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

  4. cesar ernani says:

    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. 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. 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.

  7. Amigo,
    quando eu clico no botão CONFIRMAR para inserir am img, aparece a mensagem de erro “Nenhum banco de dados foi selecionado”.

    Onde estaria o erro?!

    Me ajude, por favor!

    grata
    aline_r_p@hotmail.com

  8. Como faço para colocar em duas colunas

  9. Muito bom esse script! excelente!

    estou tentando modificar ele para excluir as fotos mas ainda não consegui

    poderia postar algo parecido só para dar uma luz

    desde ja agradeço!

  10. ola amigo… dei uma olhada no seu tutorial e o achei interessante, facil e utilitario. minha duvida é a mesma do amigo acima, gostaria de inserir as fotos lado a lado.. ja vasculhei a internet porem nao achei como fazer isso.. sou iniciante em php e nao manjo mto.. será que teria como atualizar esse tutorial implementando essa condiçao para nós??
    aguardo retorno
    no mais
    parabens pelo trabalho

    Att

    Bruno

  11. Gostaria realmente de te dar parabéns pelo incrível tutorial que você nos forneceu, tive uma base muito concreta e eficaz de como fazer e tudo muito bem comentado. Parabéns!!! Sucesso! Continue compartilhando informações…

  12. Olá Leonardo Cardoso parabéns aí pela sua contribuição com a galeria de fotos no PHP. Fiz e ficou show de bola. Deu até pra implementar a exibição em colunas e linhas.
    Valeu mesmo e boa sorte ae nos seus futuros projetos.

  13. Olá Bruno, tudo bom?

    Bem, no caso de exibição do resultado lado a lado ou em colunas, basta você utilizar CSS para fazer isso, você pode usar a propriedade “display:inline” ou mesmo “float:left”, vai depender de como você está montando o código. Qualquer dúvida basta dar uma pesquisada sobre estas propriedades de CSS que você vai conseguir fácil fácil.

  14. Opa Claudio,

    Para excluir eu costumo utilizar esse comando:

    crie um arquivo “deleta_foto.php” e insira o seguinte codigo:

    < ?php
    //inclui o arquivo de conexao com o banco
    include "conecta.php";
    //deleta do banco uma entrada com o id especificado
    $d_galeria = "DELETE FROM galeria
                                 WHERE idgaleria  = '{$_GET[idgaleria]}'";
            mysql_query($d_galeria) or die (mysql_error());
    ?>
    

    No arquivo exibe.php
    basta você colocar um link também dentro do Loop while, ao lado ou em baixo da imagem (foto) com o seguinte href:

    href="deleta_foto.php?idgaleria=< ? echo $array_galeria[idgaleria]; ?>"
    

    Acho q isso vai funcionar

  15. Oi Aline, tudo bom?

    Dê uma olhada com calma no código, veja se você criou corretamente o banco de dados

  16. O Leonardo muito obrigado,
    pelo fato do script ser simples, ele nos da liberdade para incrementar..
    Um Abraço.

  17. Não consigo por a Galeria a funcionar , fiz a ligação com a base de dados . mas não exibe as fotografias .Não percebo.

  18. Qual erro esta aparecendo?

  19. JorgeCruz' says:

    Excelente.tutorial, gostaria de saber se tem como criar albuns e listar galerias por albuns..Parabens!!

  20. ola, muito bom esse tutorial, porem tenho 2 dúvidas…
    a primeira, como deletar foto (respondido logo acima)
    a segunda, como editar as fotos ?
    obrigado!

  21. Amigo, gostaria muito que visualizar o efeito final do seu script, mas não estou conseguindo fazer as configurações adequadas, creio que seja na comunição ao “banco de dados”, pois eu cria o banco com o nome de “tutorial_galeria” mesmo no que se encontra no arquivo conecta.php e dentro inseri o código com a tabela que você disponibilizou, sendo assim criando dentro de uma tabela imagem os 3 items “idgaleria, imagem, legenda” quando exibo a página galeria.php, tenta fazer o upload da imagem, mas nada aparece… clico no “confirmar” e nada fica tudo em branco, nem me volta mensagem de erro nem nada, poderia me dá uma LUZ?!

    Atenciosamente.

  22. Olá Bruno

    Verifique o nome da tabela, o correto é “galeria” se vc ´mudar o nome da tabela, terá que mudar nos arquivos também.

Leave a Reply