Lendo um diretório com PHP, gerando um XML contendo o nome das fotos e exibindo com Flash.
A galeria consiste em uma animação Flash que lê um arquivo XML contendo o caminho e nome das fotos, então imaginei que poderíamos criar uma pequena rotina em PHP que fosse capaz de ler um diretório recuperar o nome dos arquivos de fotos e a partir disso gerar um XML com os dados. Isso nos faz evitar ter que editar o XML a cada foto nova, assim, basta jogar a foto dentro do diretório e pronto.
Vejam os prints da Galeria, não acho que seja algo para um sistema, mas ficaria muito bacana em um site.
Vocês só vão entender quando ver funcionado. Veja o exemplo on-line aqui.
Você pode arrastar as fotos mantendo pressionado o botão do mouse.
Para exibir/ampliar uma foto utilize o duplo click sobre a foto,
o mesmo deve acontencer para que ela seja minimizada.
Pessoal após ter liberado o download estou informando uma alteração que foi feita, o PHP agora verifica a extensão dos arquivos no diretório e caso a extensão não esteja no array $exts do arquivo PHP o arquivo lido não será adicionado ao XML,
Portanto, adicione as extensões que deseja na galeria na linha abaixo:
$exts = array(‘jpg’,'png’,'jpeg’,'gif’); // 5º linha do arquivo PHP
Abraços,
Download do pacote atualizado e corrigido
Rafael Clares,
38 Comentários até o momento
Deixe um comentário
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
muito legal se poder me enviar o codigo ficario muito grato
Comentário por escobar Outubro 22, 2008 @ 4:27 pmGostei do sistema…
Comentário por Dede Siqueira Outubro 23, 2008 @ 1:20 amgostaria de poder testar.
abracos
Olá Amigo,
Muito bom esse seu exemplo… Que galeria perfeita.. Diferente da que vemos por ai… Poderias posta os fontes? Me permitirias utilizar ela no meu site pessoal?
Abraços, Fica com Deus.
P.S. Qualquer coisa, me manda por email os fontes. e-mail: pauloap18@hotmail.com
Comentário por Paulo De Tarso Outubro 23, 2008 @ 11:12 pmEi já vi em algum lugar, mas não tive acesso aos codigos.
Comentário por marco Outubro 24, 2008 @ 2:38 amNossa Rafael, muito legal o post.
Comentário por Paulo Afonso Outubro 27, 2008 @ 10:21 amAdorariamos muito o código fonte.
Disponibiliza aí pra gente.
Valeu!!
os fontes já estão disponíveis para download…
Comentário por Rafael Clares Outubro 28, 2008 @ 12:35 amobrigado pelos comentários
Oi Rafael,
Fiz o Download da Sua Galeria.
Ela esta funcionando no Mozilla, mas no IE ela não funciona avisa que: “não é permitido espaços em branco” mas não consigo identificar aonde estariam esses espaços. E daí ela não roda no IE. Poderias me dar alguma dica, do que provávelmente seja isso.
Fico no aguardo amigo,
Comentário por Paulo De Tarso Novembro 6, 2008 @ 3:40 pmAbraços.
Olá Paulo, amigão verifique se o diretório contém apenas imagens e se alguma foto tem o nome incorreto (extensão, espaço nome, caracteres invalidos…) o script php não está tratando os aquivos do diretório, ou seja, o que ele encontrar no diretório irá tentar incluir na galeria… Bem, isso é simples de resolver, basta adicionar no script uma verificação do tipo de arquivo antes de incluir no XML, talvez eu adicione essa verificação qdo eu arrumar um tempinho… mas de modo geral teste com outras fotos ou diretório.
Comentário por Rafael Clares Novembro 6, 2008 @ 3:53 pmOi Rafael,
Lá venho Eu novamente importunar. Mas passei para te dizer, que conseguir solucionar o problema da Galeria, que não exibia no IE. Era simplesmente no começo do Arquivo Indez.php, aonde tinha “<?”. O EasyPHP esta desabilitado, dai colocando o “<?php” funcionou perfeitamente… Não tinha atentado para isso no Php.ini, acostumado com o Xampp que já vem com isso configurado. Corrigida esses detalhes, esta tudo funcionando perfeitamente.
Outro ponto que pude observar, é que o arquivo php ler todo e qualquer arquivo que esteja na pasta “images”, sendo assim ele inclusive ler os Famigerados arquivos ‘Thumbs.db’, e termina refletindo no arquivo XML que por tabela o swf ler e exibe como se fosse uma foto em branco.
Tens alguma dica, para tal situação… O XML contém a linha com o nome “”
Como a função ler os arquivos contidos na pasta, ela automaticamente coloca na lista o nome de todos arquivos contidos na pasta. E como esse thumbs é uma praga, termina entrando no meio.
Abraços, Aguardo contato. =)
Comentário por Paulo De Tarso Novembro 6, 2008 @ 5:06 pmPaulo, resolvido e disponibilizado a nova versão. Valeu
Comentário por Rafael Clares Novembro 6, 2008 @ 6:02 pmGostei da aplicação e coloquei um teste que pode ser conferido aqui: http://www.equipedecorridavale.com.br/galeria/index.php
segui todos os passos e gostei
Comentário por Alen Novembro 19, 2008 @ 6:27 pmolá. Gostaria de saber de tem como fazer esta lista de fotos ficarem na horizontal, com as fotos retinhas, sem ficarem de cabeça pra baixo.. porém que também dê pra arrastá-las e tal…
Comentário por Lucasbaalberith Novembro 19, 2008 @ 9:05 pmOlá Lucas, amigo tem como fazer sim mas não é o propósito do POST, para fazer isso você pode alterar o fonte do flash que está junto no pacote do download. Não tenho nem noções de flash. Boa sorte.
Comentário por Rafael Clares Novembro 20, 2008 @ 12:27 pmBoa Tarde Rafael! Tudo bem com você?
Primeiramente gostaria de lhe dar os parabéns pela iniciativa da criação do blog… MUITO BOM MESMO… você está de parabéns… mesmo eu sendo Web Design (formado) Não pude deixar de desfrutar deste blog maravilhoso… rsrs confeço que o download é o botão mais acessado por mim… rsrs porém, sou Design né… programador ainda preciso estudar!…
… RAfael, eis aqui um dúvida cara! Gostei demais dessa galeria de photos cara! MTO BOM MESMO… TÃO BOM, QUE EU ESTAVA QRENDO USÁ-LO… porém tem algumas limitações, né? como não poder colocar photos com tamanhos diferentes de W:480 e H:360 e vice-versa… assim como usar um outro fundo no lugar do fundo original, até abri o “galleryhorvert” transformei em .fla pra tentar mexer, mas não deu, qdo decompila ele, o arquivo não fica o mesmo!…
Seguinte Rafael, eu gostaria de saber se é possível colocar photos de diferentes tamanhos e se é possível também trocar este fundo e ou tirar ou deixar ele alpha…
Desculpa minha folga… mas como disse, Design só se ferra com isso!… to pensando em fazer outra facul, só que de Analise e Desenvolvimento de Sistemas, ou sistemas pra Web, confeço que o seu blog me deu uma força a mais!…
… mas é isso Rafael… mais uma vez, PARABÉNS MESMO…
Comentário por Gustavo Braga Março 6, 2009 @ 9:12 pmOlá Gustavo!!!
Comentário por Rafael Clares Março 7, 2009 @ 12:27 pmCara fico feliz que tenha alguma coisa aqui que sirva para ti. Como você deve ter percebido eu não escrevo muito aqui, não tenho tanto tempo e quando escrevo sei que não será nada extraordinário ao mesmo tempo que sei que é algo que alguém procura, a verdade é que gosto de descubrir minha própria forma de fazer as coisas, isso não quer dizer que sejam as melhores mas fico feliz por chegar ao resultado que espero. Muito obrigado por seu comentário isso realmente me motiva a continuar escrevendo aqui. Valeu! Bem amigo vamos ao que interesse não é …. Realmente essa galeria é bacana e tem algumas limitações mesmo em sua atual compilação, mas bem, você é web certo ? Ninguém melhor que você para deixar mais bonita essa galeria, ok … Vou te dizer uma coisa, dá para mudar o tamanho da foto, dá para mudar o background (que diga-se de passagem, acho horrível rs), etc… Agora cara vem aí algo que me parece que você passou batido… Quando você fez o download e descompactou os arquivos talvez não tenha se interessado pela pasta SRC (Source) … lá está o que você procura, o arquivo .FLA !!! Boa sorte brother, se tiver ou não sucesso nos fale aqui ok …
Um forte abraço,
Perfeito, muito legal, tava dificil de achar algo assim.
Comentário por Marcos Março 9, 2009 @ 1:47 pmOBrigadão
Fala Rafael… Tudo bem com você?
Seguinte Irmão… eu abri o .fla na pasta src, porém, é a mesma coisa cara… mesmo que eu apenas abra, sem mexer em nada e aperte ctrl+enter pra gerar o arquivo .swf ele já estraga tudo cara! não funciona abre como tá n .fla, o fundo pequeno e as duas sombras, não acontece nada cara!…
… será que tem jeito irmão? e outra que o arquivo do .fla a hora que eu abro e gero o .swf ele dá o erro de #include não existir o arquivo do #include!…
Cara desculpa te encher o saco, mas é que eu me apaixonei pelo album cara!…
. valeu!
Comentário por Gustavo Braga Março 9, 2009 @ 4:48 pmBrother, esse albúm foi só uma dica eu não desenvolvi como deve ter percebido, a única coisa que posso fazer por você é te dar esse link para você viajar e não ficar triste com o albúm rs….
Comentário por Rafael Clares Março 10, 2009 @ 3:20 pmhttp://www.ffiles.com/flash/photo_galleries/
Quanto a galeria…uma dica que dou é … veja a versão do flash em que você está criando o SWF, outra, veja as opções de exportação do SFW….tem muita coisa que deve ou não ser marcada lá… opçoes de action scripts, blah …definitivamente eu abri o Flash umas 5 vezes na minha vida…. dá uma olhada nesse link ai, tente baixar denovo o pacote, de repente fui eu que zoei o do src. abraços
O Fla, pede um “include” mc_tween2.as, que o arquivo mc_tween2.MXP, já se encarrega de carregar no flash CS4, mas se for nos flash anteriores, basta adicionar o as (action script externo), na pasta do FLA, pois o arquivo é necessário apenas na hora de compilar, e ele funcionará com suas alterações, tranquilamente.
Comentário por Rafael Clares Maio 7, 2009 @ 1:46 amgenial Rafael… gostaria de usar tb.. mas nao consigo mudar o fundo…
Comentário por fabricio Março 10, 2009 @ 3:30 pmseria interessante embaixo colocar um instrucaozinha do tipo ” clique duas vezes na imagem para ampliar e reduzir”.. pois sabe como a internet é inclusiva ne hehehe
entao…se puder me ajudar a trocar o fundo e ficaria muito grato
Fabricio, me desculpe mas não fiz a galeria e não conheço Flash, talvez seja interessante procurar em uma comunidade sobre o assunto. Eu gostei da galeria no formato que estava quando baixei e resolvi dar a dica, apenas isso, infelizmente.
Comentário por Rafael Clares Março 10, 2009 @ 4:43 pmO Fla, pede um “include” mc_tween2.as, que o arquivo mc_tween2.MXP, já se encarrega de carregar no flash CS4, mas se for nos flash anteriores, basta adicionar o as (action script externo), na pasta do FLA, pois o arquivo é necessário apenas na hora de compilar, e ele funcionará com suas alterações, tranquilamente!
Comentário por Rafael Clares Maio 7, 2009 @ 1:47 amRafael, eu estava procurando outra coisa mas, to rindo que nem criança, Show de bola, pela dica.
Comentário por Marcos Abril 15, 2009 @ 4:48 pmao que estou procurando é um cadastro com fotos que possa rodar no windows. Valeu.
ha-ha ! Pow Marcos, não tem nada a ver mesmo!
Comentário por Rafael Clares Abril 15, 2009 @ 6:35 pmOLá rafael, realmente MUITO BOM este tutorial, inclusve eu gostaria de se possivel uma aulinha uma hora dessas quando tiver um tempinho de como incluir mais informação no XML… por exemplo para um SWF que tenha Texto..
Comentário por Joao Abril 25, 2009 @ 4:11 amOK, mas eu gostaria mesmo é fazer uma observação quanto ao Flash que o pessoal não consegue alterar, se é que me permite.
O Fla, pede um “include” mc_tween2.as, que o arquivo mc_tween2.MXP, já se encarrega de carregar no flash CS4, mas se for nos flash anteriores, basta adicionar o as (action script externo), na pasta do FLA, pois o arquivo é necessário apenas na hora de compilar, e ele funcionará com suas alterações, tranquilamente.
Espero ter ajudado o pessoal ai quanto ao flash.
Sucesso Rafael, e obrigado pela ajuda!
Aeee João, cara muito obrigado por compartilhar seu conhecimento conosco!
Comentário por Rafael Clares Abril 30, 2009 @ 11:42 amTenha certeza que está sim permitido a fazer qualquer observação, muito bom, eu mesmo quando arrumar um tempinho irei dar uma boa olhada nessa dica!
Abraços e obrigado
Exelente post, funcionou beleza e de fácil acesso e admnistração, parabéns
Comentário por Lauratto Maio 8, 2009 @ 11:15 amLauratto, obrigado pelo comentário!
Comentário por Rafael Clares Maio 8, 2009 @ 12:12 pmOlá Rafael, sua galeria é sensacional. Gostaria de utliza-la em meu site pssoal, poderia ser? Então fiz upload e no apareceram algumas mensagens de erro. Vc poderia dar uma olhada? http://www.manhaes.com/galeria/ Muito obrigada!
Comentário por Sheila Maio 13, 2009 @ 5:49 pmOi Sheila,
isso pode ocorrer por 2 motivos e são eles:
- o diretório de fotos não tem permissão de gravação.
- o comando fopen não está habilitado em seu host.
Bem, o primeiro é simples e basta dar permissão de gravação via FTP ou solicitar ao seu host, moleza!
Já o segundo, putz … se realmente estiver desabilitado esse comando as chances de seu host habilitar “para você” são realmente muito pequenas, isso é ruim pq qualquer aplicação que você tentar criar que seja baseada em leitura de diretórios não conseguirar rodar nesse servidor/host. Mas solicite ao suporte para habilitarem para ti o fopen.
Boa sorte e se isso futuramente te irritar muito (ha-ha) dá uma lida no topo/header desse blog, tem uma propaganda ridícula de host, mas o serviço é excelente….
Valeu pelo comentário,
Comentário por Rafael Clares Maio 13, 2009 @ 6:53 pmBjoka
Galera, sou novo por aqui e no mundo flash, dreamwever etc…
Comentário por Vitor Ramos Maio 26, 2009 @ 8:52 pmNa verdade sou um fotografo entusiasta por tecnologia e quero montar um album assim com minha fotos…
Mas… COMO FAÇO ISSO FUNCIONAR?? Rsrsrs…
Meu contato para dicas: vs_ramos@hotmail.com.
Conto com vocês!
Abraxxx…
Olá Vitor,
Comentário por Rafael Clares Maio 27, 2009 @ 12:46 ambasta você inserir as fotos que deseja dentro da pasta de fotos e só isso.
Claro que, o programa é em também em PHP, logo, você precisa ter um servidor Web que reode o PHP.
Se não tiver dê uma procurada no google para saber como instalar e rodar o PHP, agora se tiver uma hospedagem basta enviar os arquivos para lá.
Abraços
Voce poderia enviar o codigo ?
Comentário por Anderson Julho 1, 2009 @ 1:21 pmAnderson,
Comentário por Rafael Clares Julho 1, 2009 @ 1:44 pmTem o código ao fim do post.
Olá , achei sei exemplo extremamente criativo Parabéns.
Bom eu publiquei os arquivos em meu servidor LINUX apareceu o erro
Warning: fopen(fotos.xml) [function.fopen]: failed to open stream: Permission denied in /home/impactsi/public_html/teste/index.php on line 8
Warning: fwrite(): supplied argument is not a valid stream resource in /home/impactsi/public_html/teste/index.php on line 10
Warning: fwrite(): supplied argument is not a valid stream resource in /home/impactsi/public_html/teste/index.php on line 11
Warning: fwrite(): supplied argument is not a valid stream resource in /home/impactsi/public_html/teste/index.php on line 34
Warning: fwrite(): supplied argument is not a valid stream resource in /home/impactsi/public_html/teste/index.php on line 35
Com o SMART FTP, cliquei no arquivo XML e mudei a permissão dele para gravação/leitura/execução 764. Mas o erro continua .
Queria saber como editar o arquivo SWF também para mudar a cor de fundo.
Comentário por André Luís Julho 8, 2009 @ 2:34 amEncontrei um arquivo na pasta “src” Seria ele o fla ? da galeria ? Abri com o flash cs4 e aparece um erro tmb
Error opening include file mc_tween2.as: File not found.
Andre,
o arquivo fotos.xml esta no mesmo diretorio que o index.php?
pq o endereço que vc esta passando no comando fwrite() diz que sim, é isso mesmo?
se estiver, coloque o trecho do codigo php que possui a chamada ao metodo fwrite() aqui para analisarmos.
Quanto ao .fla, é isso mesmo. Leia os comentários, um amigo colocou ai a solução do problema com o mc_tween2.as.
abs
Comentário por Rafael Clares Julho 8, 2009 @ 2:40 ammuito bom cara!gostaria de saber se o conteúdo disponibilizado por vc aki é freeware , ou seja , se posso modificar e usar nos meus projetos acadêmicos e comerciais.abçs e parabéns.
Comentário por leandro Outubro 21, 2009 @ 10:39 amLeandro, obrigado pelo comentário, fico feliz que tenha lhe servido. Todo o conteúdo é open source e não está sob nenhuma licença, fique à vontade para modificar e usar ou vender se for o caso.
Comentário por Rafael Clares Outubro 21, 2009 @ 10:44 amabraços,