Se você já precisou manter uma galeria de imagens ou um portfólio em um site, sabe o trabalho que dá: editar o código HTML toda vez que uma nova foto precisa ser adicionada ou removida é um processo repetitivo e cansativo. E se existisse uma forma de gerenciar tudo isso com apenas alguns cliques, diretamente pelo navegador?
É com grande prazer que apresento um projeto de código aberto que criei para resolver exatamente esse problema: a Galeria de Imagens Dinâmica com PHP.
Trata-se de uma solução completa e autogerenciável que permite a qualquer pessoa, mesmo com pouco conhecimento técnico, manter um slideshow de imagens moderno e customizável em seu site.
O Que é o Projeto?
A Galeria de Imagens Dinâmica é um sistema completo que combina um backend robusto em PHP com um frontend interativo em JavaScript puro. O resultado é um slideshow que lê automaticamente as imagens de uma pasta no servidor e oferece um painel de controle completo para você adicionar, visualizar e deletar imagens sem tocar em uma única linha de código.
(Sugestão: tire um print da tela principal do seu projeto e substitua o link acima)
✨ Por Que Usar Este Slideshow? (Principais Funcionalidades)
Este não é apenas mais um slideshow. Ele foi pensado para ser uma ferramenta completa e flexível. Veja o que ele oferece:
- Painel de Controle Completo: Através de uma página de gerenciamento separada, você pode visualizar todas as suas imagens, deletar arquivos individualmente ou limpar toda a galeria com um único clique.
- Upload Simplificado: Adicione novas imagens diretamente pelo navegador. Basta selecionar os arquivos e enviá-los para a galeria.
- Totalmente Dinâmico: O slideshow lê o conteúdo da pasta
/imagensem tempo real. Adicionou uma imagem? Ela já está disponível. Deletou? Ela some instantaneamente. - Customização Avançada:
- 4 Efeitos de Transição: Escolha entre Deslizar (Horizontal), Esmaecer (Fade), Deslizar (Vertical) e Zoom.
- Tempo Configurável: Ajuste facilmente quantos segundos cada imagem ficará na tela.
- Memória de Configurações: Suas escolhas de efeito e tempo são salvas no navegador (
localStorage), então você não precisa reconfigurar tudo a cada visita.
- Controles Modernos: Além da reprodução automática, o usuário tem controle total com botões de “próximo/anterior”, “pausar/retomar”, “embaralhar” e um elegante modo de tela cheia.
(Sugestão: tire um print da sua página gerenciar.html e substitua o link acima)
Para Quem é Este Projeto?
- Estudantes de Programação: É um projeto de portfólio fantástico que demonstra habilidades em Frontend (JavaScript puro, manipulação de DOM, Fetch API) e Backend (PHP para manipulação de arquivos).
- Desenvolvedores Freelancers: Uma solução “plug-and-play” perfeita para entregar a clientes que precisam de uma galeria de imagens que eles mesmos possam gerenciar sem depender de você.
- Pequenos Empreendedores e Hobbistas: Se você tem um site simples e quer uma galeria bonita e funcional sem a complexidade de um CMS como o WordPress, esta é a ferramenta ideal.
🚀 Baixe o Projeto Agora Mesmo!
O projeto é totalmente gratuito e de código aberto, licenciado sob a MIT License, o que significa que você pode usá-lo e modificá-lo como quiser, até mesmo para fins comerciais.
Todas as instruções de instalação, incluindo a configuração do servidor e as permissões de pasta necessárias, estão detalhadas no arquivo README.md do repositório.
Clique no link abaixo para acessar o repositório, ver o código e fazer o download:
Acessar o Repositório no GitHub: dynamic-slide-show
Como Começar
- Faça o Download: Baixe o código-fonte como um arquivo ZIP a partir do link acima.
- Configure no Servidor: Descompacte e coloque os arquivos em um servidor com suporte a PHP.
- Acesse e Use: Abra o arquivo
index.htmlno seu navegador através do endereço do servidor e comece a usar!
Conclusão
Espero que este projeto seja tão útil para vocês quanto foi divertido para mim desenvolvê-lo. Ele é a prova de que com ferramentas simples como PHP e JavaScript puro, podemos criar soluções poderosas e elegantes para problemas comuns do dia a dia no desenvolvimento web.
Se você gostou, não se esqueça de deixar uma ⭐ Estrela no repositório do GitHub! Isso ajuda o projeto a ganhar mais visibilidade. Fique à vontade para contribuir, sugerir melhorias ou reportar qualquer problema.
