No momento, você está visualizando Galeria Flickr + LightBox + Slideshow

Galeria Flickr + LightBox + Slideshow

Galeria Flickr

O que tem nessa Galeria:

– Álbuns e Fotos de sua conta do Flickr
– LightBox2

O que não tem na Galeria Flickr:
– Painel admin  (as fotos são enviadas ao Flickr)
– Banco de Dados

Vou contar uma histórinha

Essa é uma galeria simples como as demais que vocês já viram aqui, no entanto, essa galeria busca e exibe os álbuns/fotos de uma dada conta do flickr!

Por exemplo:
Fotos:  http://www.flickr.com/photos/rafaelclares/
Álbuns: http://www.flickr.com/photos/rafaelclares/sets/

Essa conta eu criei para testar nossa galeria, bem, através da API do Flickr conseguimos exibir essas fotos em nossa galeria!

Como podem ver, as fotos exibidas na Galeria são minhas fotos do Flickr!

Como funciona:
1 – Você precisa criar uma conta no Flickr (dããã)   em http://www.flickr.com
2 – Você precisa criar/obter a sua API KEY em http://www.flickr.com/services/apps/create

Depois que criar/obter a API KEY você pode visualiza-la em http://www.flickr.com/services/apps/by/seuUsuario
Onde seuUsuario, é claro, você substitui pelo seu nome de usuário do flickr!

Importante: Não irei ensinar a usar o Flickr, mesmo porque eu não sei.
Todas as perguntas relacionadas a utilização do Flickr não serão respondidas, esse é outro assunto, procure no google como:
– Usar o Flickr
– Obter API KEY
– Enviar Fotos

IMPORTANTE: Ao subir as fotos para o Flickr essas devem ser “Públicas” para que a galeria funcione! 

E depois volte ao post para pegar sua galeria!

Antes de tudo dê uma olhada na Galeria

Como configura? É muito, muito simples, vejam:

No arquivo index.php existe o seguinte trecho de código:

<?php
 require_once('phpflickr/helper_flickr.php');
 echo flickr_sets_html("APIKEY","USUARIO");
?>

Onde é claro, APIKEY você vai substituir pela sua Api Key e a mesma coisa com USUARIO, irá substituir pelo seu usuário.
No flickr, por padrão o usuário é algo como: 76293097@N02
Assim como no facebook, mas você pode criar um login personalizado nas preferências/opções, algo como: rafaelclares

Procurem no Flickr essa opção mas isso não influencia no funcionamento da galeria, você precisa apenas informar o login no local indicado.

Feito isso, está pronta sua galeria. No Flickr você pode criar Álbuns e é essa opção que a nossa galeria utiliza, ou seja, mesmo que você vá utilizar apenas um único álbum, crie um para que a galeria funcione e coloque todas as fotos dentro dele. Você pode criar N álbuns com N fotos (é bem melhor);

Vou mostrar aqui também uma versão paga (mixaria)
Qual a diferença da versão Free?
Quase nada, tem apenas um Slideshow que é um álbum específico que você informa, por exemplo:
– Slideshow exibirá o álbum “fotos recentes” ou “Novidades”
Assim para mudar as fotos do slideshow basta mudar as fotos desse álbum no Flickr;

Agora todos os links que vocês tanto amam ;D

Flickr:
http://www.flickr.com

Flickr API KEY:
http://www.flickr.com/services/apps/create/

Referências:
http://phpflickr.com/

Demo:
http://clares.com.br/learn/flickrgallery/

Download:
Clique aqui para o Download
Coisas que não irei responder:
– Como utilizar o Flickr
– Como criar API KEY
– Como criar  o SlideShow
– Como alterar o layout
– Como adicionar campo preço  (????)
– Como fazer aparecer o reptile ( mortal kombat 1 )

Até logo,

Obs: Usuários recém criados no Flickr precisam passar como parâmetro o nome real de usuário, para isso veja o seu ID no link abaixo:
http://www.flickr.com/services/api/explore/?method=flickr.people.getInfo

Conforme a imagem abaixo:

Então no index.php ficaria algo como:
echo flickr_sets_html( “8063d2e765af6005s3234210407fc057bfe”, “76293097@N02” );

Alguns funcionam assim:
echo flickr_sets_html( “8063d2e765af6005s3234210407fc057bfe”, “rafaelclares” );

e outros
echo flickr_sets_html( “8063d2e765af6005s3234210407fc057bfe”, “76293097@N02” );

Para saber seu ID  visite http://idgettr.com e digite seu nome de usuário no campo indicado.

Este post tem 70 comentários

  1. Guilherme Ricarte

    Meus Parabens Rafael ! ficou muito dinamica e leve, porem acho que a galera esta puxando as fotos de todos os albuns ao dar um zoom, voce chegou a verificar isso ?
    me interessei por ela, só fico meio pendente isso ai.. ai clicar nas fotos de certo album gostaria de ver só elas.. e nao as restantes tbm..

    mas mesmo assim meus parabens !

    1. Rafael Clares

      Guilherme, fiz a alteração que você sugeriu, agora exibe cada categoria no zoom.
      Valeu

    1. Rafael Clares

      Thiago a API Key ou Usuário, incorretos!
      Verfique se as fotos são públicas, ao enviar as fotos deve escolher “fotos públicas”;
      O problema é em relação as config. do Flickr
      Leia o post e veja a lista do que você precisa no Flickr

      – Obter API KEY
      – Enviar Fotos

      IMPORTANTE: Ao subir as fotos para o Flickr essas devem ser “Públicas” para que a galeria funcione!

      Boa sorte

      1. ThiagoQueiroz

        É meio cansativo ficar no mesmo problema, mas verifiquei tudo no fliker e está tudo ok, API e Usuário. Acho que pode ser alguma outra coisa .. ao entendo muito de PHP por isso estou tendo esta dificuldade!

        Se puder me ajudar novamente.. Obrigado!

        1. Rafael Clares

          Cara, tem certeza de que está tudo certo no Flickr? Acho que não hein!
          Qual o seu usuário do flickr ?

        2. Rafael

          Tiago, coloque o código require_once(“phpflickr/helper_flickr.php”); com aspas duplas, troca o usuário de letras e numeros pelo o seu de acesso.
          Abraço

    1. Rafael Clares

      Thiago, você o trecho do post que diz:
      – Essa galeria exibe fotos de álbuns no Flickr, então você precisa criar ao menos um álbum com uma foto para que funcione

      Leu? Você tem álbuns no Flickr?

        1. Rafael Clares

          Thiago, eu adicionei umas informações ao post, por favor leia lá no fim do post e aproveite para baixar novamente a galeria!

  2. ThiagoQueiroz

    Agora sim funcionou .. muito obrigado .. de uma olhada em Galerias .. http://www.feiracomchoro.com .. nao tem como deixar uma só pra puxar as outras nao? assim tem mais espaço na página já que vou colocar vários albuns mais depois!
    Obrigado!

    1. Rafael Clares

      Man, se você não está usando o menu do exemplo, retire as linhas:

      script type=”text/javascript” src=”plugins/menu_js/jquery.js”>
      script type=”text/javascript” src=”plugins/menu_js/menu.js”>
      link type=”text/css” href=”plugins/menu_js/menu.css” rel=”stylesheet” />

  3. Magnun

    OLA,
    esta galeria é tipo a sinapse…ok? a versao paga para upload no proprio servidor do cliente vc envia toda forma para instalação? obrigado.

      1. Magnun

        FICO NO AGUARDO DO SEU EMAIL COM MAIS INFORMACOES,

        obrigado.

        1. Rafael Clares

          Na verdade eu já havia respondido por email no dia 29/02 creio que você não tenha visto (pode estar como spam)
          Irei te enviar um novo e-mail de rafadinix@gmail.com

  4. Mateus

    Rafael, demais cara, seguinte:
    Tem como eu exibir apenas um album do flickr?
    Abrs

    1. Rafael Clares

      Mateus, no arquivo helper_flickr.php você tem na linha 15 o seguinte trecho:
      foreach( $sets[‘photoset’] as $set ){

      ou seja, ele está percorrendo cada álbum, para não precisar alterar muito código você pode colocar uma verificação após essa linha, por exemplo:
      foreach( $sets[‘photoset’] as $set ){
      if( $set[‘id’] == “0000_ID_DO_ALBUM”){
      ///restante do código já existente

      neste caso, você vai colocar dentro da condição todo o código já existente entre a linha 14 e 46 … ou seja,

      foreach( $sets[‘photoset’] as $set )
      {
      if( $set[‘id’] == “0000_ID_DO_ALBUM”){ //condicao
      $set_title = $set[‘title’];
      $set_id = $set[‘id’];
      $setphotos = $f->photosets_getPhotos( $set_id );
      $html .= “$set_titlen”;

      foreach( $setphotos[‘photoset’][‘photo’] as $photo )
      {
      $photo_id = $photo[‘id’];
      $photo_title = $photo[‘title’];

      $aux[‘f_set_title’] = “$set_title”;
      //$aux[‘f_href’] = “$photos_url$photo_id”;
      $aux[‘f_href_m’] = $f->buildPhotoURL( $photo, “Medium” );
      $aux[‘f_href_l’] = $f->buildPhotoURL( $photo, “Large” );
      $aux[‘f_href_s’] = $f->buildPhotoURL( $photo, “Square” );
      $aux[‘f_title’] = “$photo_title”;
      $aux[‘f_src_s’] = $f->buildPhotoURL( $photo, “Square” );
      $aux[‘f_src_m’] = $f->buildPhotoURL( $photo, “Medium” );
      $aux[‘f_src_l’] = $f->buildPhotoURL( $photo, “Large” );

      $html .= “li”;
      $html .= ” a> img /> /a>”;
      $html .= “/li”;

      unset( $aux );
      }
      }//fim da condicao

      $html .=””;
      }

      1. Tarcísio Caldas

        Olá Rafael, boa noite! Estou com o seguinte erro na página:

        Warning: Invalid argument supplied for foreach() in /home/fanmarco/public_html/banda/phpflickr/helper_flickr.php on line 70

        Link do site: http://www.fanmar.com.br/banda/fotos.php

        Caso possa me ajudar ficarei muito grato, abraço!

        1. Rafael Clares

          Tarcisio, esse erro indica que não há fotos no setlist/album informado

          de toda forma o erro nao deveria aparecer, altere o arquivo helper_flickr.php na linha 70 tem que adicionar um if
          veja em http://pastebin.com/hw7DGsav
          alterei apenas o trecho, uma linha antes da linha 70 e uma linha após a linha 101.

          está comentado no pastebin as linhas que foram adicionadas. Copie esse trecho e altere seu script.
          Mesmo assim, reveja a configuração, onde você informa o Id do set/album.
          Para saber se está correto tente acessar o album.
          Exemplo: http://www.flickr.com/photos/rafaelclares/sets/72157629258684505/
          onde : 72157629258684505 é o ID do álbum que vc informa na galeria… veja se consegue acessar o seu ou se há fotos nele.
          abs

          1. RAFAEL

            Grande Rafael, creio que o meu problema seja parecido (se não for o mesmo) com o do colega aí de cima, o erro que aparece ao tentar acessar a galeria é “Warning: Invalid argument supplied for foreach() in /home/sabrina/public_html/flickrgallery/phpflickr/helper_flickr.php on line 70”

            Alterei o código conforme você falou e o erro parou de aparecer, mas não aparece nenhum album, o curioso (pelo menos pra mim) é o seguinte:

            1 – Em meu código informei este ID de álbum
            http://www.flickr.com/photos/90635522@N05/sets/72157632137518385/

            2 – Acessando o local no servidor onde eu coloquei os arquivos, nós conseguimos até ver as fotos no slide
            http://www.sabrinadepaula.com.br/flickrgallery/

            3 – Mas se acessar a galeria, onde deveria aparecer o álbum igual o seu exemplo, está em branco.
            http://www.sabrinadepaula.com.br/flickrgallery/galeria.php

            Sabe o que pode estar acontecendo?
            Desde já agradeço a ajuda.

          2. Rafael Clares

            Fala Rafa, estranho isso, será que a aPI Key não está errada no galeria.php?
            Tem como postar o conteúdo da index.php e galeria.php (separados) no pastebin.com ?
            Para não expor sua API não irei aprovar o comentário ok.
            abs

          3. Rafael Clares

            Eh mas você criou privado no pastebin, não consigo ver os links, devem ser públicos para que eu possa ver os códigos.

          4. Rafael

            Agora coloquei públicos. Ainda se lembra do caso? hehehehe…
            Segue o lembrete:

            Grande Rafael, creio que o meu problema seja parecido (se não for o mesmo) com o do colega aí de cima, o erro que aparece ao tentar acessar a galeria é “Warning: Invalid argument supplied for foreach() in /home/sabrina/public_html/flickrgallery/phpflickr/helper_flickr.php on line 70″
            Alterei o código conforme você falou e o erro parou de aparecer, mas não aparece nenhum album, o curioso (pelo menos pra mim) é o seguinte:
            1 – Em meu código informei este ID de álbum
            http://www.flickr.com/photos/90635522@N05/sets/72157632137518385/
            2 – Acessando o local no servidor onde eu coloquei os arquivos, nós conseguimos até ver as fotos no slide
            http://www.sabrinadepaula.com.br/flickrgallery/
            3 – Mas se acessar a galeria, onde deveria aparecer o álbum igual o seu exemplo, está em branco.
            http://www.sabrinadepaula.com.br/flickrgallery/galeria.php

            Sabe o que pode estar acontecendo?
            Desde já agradeço a ajuda.

            Seguem os códigos:

          5. Rafael Clares

            Hehehe ainda Rafa?
            Olha, fiz um ajuste para você, abre lá o arquivo phpflickr/helper_flickr.php
            e altera a função flickr_sets_html

            http://pastebin.com/NK4MQbfE

            Apenas substitua a função atual pela nova que postei no link acima… já testei aqui e funcionou.
            Ah, no galeria.php a API tá diferente da index.php que enviou, use a mesma API da index.php na galeria.php

          6. RAFAEL DE PAULA ARAÚJO

            Você é o cara cara… valew pela resposta, vou testar aqui e se tiver algum problema tento resolver, se realmente não conseguir te perturbo heheheh… até mais

  5. Guilherme Ricarte

    Rafael Boa noite,
    Voce acha que seria possivel o proprio sistema colocar uma marca d’agua nas fotos ?

    Fico no aguardo… e se possivel passa seu email ou outro tipo de contato.
    Preciso conversa contigo..

    Abraços

  6. Juliano Silva

    Rafael, eu tentei efetuar o download do arquivo mas ele ta off 🙁

  7. Christian Carlos Monteiro

    Rafael blz cara gostei muito dessa ferramenta mais estou com uma duvida gostaria de ao invés de aparecer todas as fotos de cada album tem como aparecer somente 1 de cada album,porque se em um album eu tiver 50 fotos é muito entende então aparecendo 1 só desse album eu clicaria para visualizar as outras 49 ?

    1. Rafael Clares

      Christian, até tem sim, mas você vai precisar alterar algumas coisas no arquivo que faz a busca das fotos, no geral, tem que programar um pouco e ter algum conhecimento na API. Talvez eu disponibilize no próximo mês essa sua ideia, porque o post foi apenas para demonstrar a funcionalidade padrão da API Flickr, não fiz nenhuma função para melhorar o resultado.

  8. Marcelo Pires

    Antes de tudo, parabéns pelo site e pela Galeria de Fotos PHP + Flickr + LightBox! Já adaptei no site e está funcionando perfeitamente. Queria saber com mais detalhes o outro modelo que vc tem (pago) com banco de dados e se vem com o código php aberto para fazer mudanças? Abraços!

  9. Fábio

    Muito bom o post, parabéns!!
    Você sabe se existe algo parecido para “puxar” um álbum de fotos do facebook para meu site?
    Abraço!”

    1. Rafael Clares

      Cara do facebook eu não testei nada ainda, mas tem uma API. Dê uma procurada/lida na API Facebook.

  10. Rodrigo Zeba

    Oi Rafael,

    Bacana a API! Bastante útil! Agora, eu tava querendo saber se tem como filtrar por tag ao invés de por set do flickr.

  11. criart bh

    eu preencho assim e não funciona oque esta de erado flickr_photos_slide_set(“47e340bde22fa94aaaecf108252ad69b”,”95647383@N06″,”8726586508″);
    simplesmente não aparece nada
    URGENTE !!!

    1. Rafael Clares

      URGENTE!!! rs rs rs
      Cara, acho engraçado, parece até que você está escrevendo para o suporte pago, onde você deixa lá seus 500 contos por mês.
      Tem nada urgente aqui não amigo, tem que esperar eu ter a disponibilidade de responder. Primeiro vem meu trabalho, minha vida pessoal e depois meu hobby;

      Bom, vamos lá!
      O único set que tem é o
      72157633448690559

      Ou seja,
      echo flickr_photos_slide_set(“47e340bde22fa94aaaecf108252ad69b”,”95647383@N06″,”72157633448690559″);

      Funciona perfeitamente;

  12. agitofolia

    minha galeria esta dando erro esta tudo coreto e fala o seguinte
    Warning: Invalid argument supplied for foreach() in /home/u822213398/public_html/flickrgallery/phpflickr/helper_flickr.php on line 70
    alguma noção do que seja

  13. Ademilson Junior

    Bom Dia Rafael,

    Cara, gostaria de uma outra ajuda sua hehehe
    Pois este seu post é muito bom cara, é o q a tempo vinha procurando para desenvolver um trabalho para o curso q estou fazendo, pois a ideia era usar um site como o Flickr ao inves de banco de dados, e veio dando td certo, até q deu um erro em meu código q não to conseguindo identificar.

    O erro é justamente aquele do helper_flick e galeria, verifiquei meus albuns e td mais, só q esta td ok, segui suas orientações por meio dos comentarios ao post, porém sem sucesso, caso vc possa me ajudar nessa parte, ficaria muito grato.

    Segue o link dos codigos:

    Index.php -> http://pastebin.com/9v83BbVX
    Galeria.php -> http://pastebin.com/EevNtDkM
    Helper_Flickr.php -> http://pastebin.com/vUDFEzry

    Obrigado Rafael!

    1. Rafael Clares

      Olá Ademilson, desculpe a demora em responder, esses dias foram muito corridos.
      Tem o link da sua galeria online para eu dar uma olhada?
      Me passa tbm o endereço do flickr.

        1. Rafael Clares

          Fala meu, me mande por email (rafadinix@gmail.com) seu script zipado com as informações que está tentando usar do flickr;
          Não mande dúvidas por e-mail, elas não serão respondidas.
          abs

          1. Junior Fernandes

            Bom dia Rafael, já encaminhei para vc o arquivo zipado com o script a ser utilizado, quando puder dar um olhada lá fico muito grato… abs

          2. Rafael Clares

            Junior, vou tentar simular o problema aqui ok;

  14. Carlos da Silva

    Boa noite Rafael e parabéns por seus trabalhos.

    Rafael, poderia me ajudar neste erro aqui :

    PHP Warning: unlink(E:\Home\rvadesignerfotoevide\Web\Flick\phpflickr\cache/30aec65830d4492bd561e8e300e15226.cache) [function.unlink]: Permission denied in E:\Home\rvadesignerfotoevide\Web\Flick\phpflickr\phpFlickr.php on line 115

    Muito obrigado.

    1. Rafael Clares

      Carlos, “Permission denied” diz que você não tem permissão para apagar o conteúdo em questão. A solução é dar permissão de gravação no diretório;Abs

  15. Arthur

    Show de bola, parabens pelo script

  16. Ed

    Boa tarde Rafael,
    Primeiro gostaria de lhe dar os parabéns pelo post muito bom mesmo, porem estou fazendo uns testes aqui com sua aplicação, quando abro o home as imagens da pasta de apresentação que eu criei esta funcionando perfeitamente, o problema esta na aba galeria, nao esta exibindo nenhum dos diretorios criados no flicker.
    Obs. todos estão liberados para acesso.
    Aguardo…

      1. Ed

        Ola Rafael, obrigado pelo retorno, estou rodando localmente.
        Se conseguir resolver o problema vou publicar e te mando o link sem problemas 😉

      2. Ed

        Bom dia Rafael, postei ontem no endereço http://www.abracesolidario.org.br/fk/ para vc poder dar uma olhada.
        Obs. Neste teste não corrigi a questão referente a linha 70 na qual vc ja postou a solução, minha ideia e utilizar sua galeria neste site mesmo onde sou voluntario, claro que vou mudar um pouco o visual para se parecer mais com o Layout do site mas fique tranquilo que vou manter os créditos do desenvolvimento da galeria.

        1. Rafael Clares

          Fala Ed.
          Cara aparece um unlink com erro lá no link;
          Corrige lá e me avisa.

          1. Ed

            Boa tarde Rafael acertei o link pode verificar …
            inclui a linha if(isset($setphotos[‘photoset’][‘photo’])){
            }

            Para resolvero o problema da linha 70 porem a imagem nao aparece na aba galeria …

          2. Rafael Clares

            Estranho, e as imagens do slideshow aparecem normalmente né?
            Me passa o endereço do flickr para eu ver se tenho acesso às fotos!

          3. Rafael Clares

            Esse erro que aparece é apenas porque a pasta /cache está sem permissão! Coloque chmod 775 ou 777 para testar.

  17. Ed

    Amigo pretendo comprar sua galeria mas aparentemente nao esta funcionando corretamente na versão free alem dos Bugs que outros ja comentaram e que vc ate ja mostrou como resolver na aba galeria nao esta funcionando nada, home esta ok.
    Caso compre seu script preciso dele funcionando perfeitamente.
    qual o nivel do suporte?

    1. Rafael Clares

      Se estiver rodando local, habilite no php.ini o open_short_tags.

  18. renan

    e ai colega blz?
    pois sou novão no php e fico correndo atras de algumas coisas e adorei seu site pois vc manja muito mesmo e acabei baixando o plugin da galeria flickr muito massa ela fiz os passos certinho soh q estou com um problema quando eu atualizo ela no flickr nao atualiza no site pq???
    tanto em local host e tb no ar!
    c puder me ajudar vlw mesmo.

  19. arthurwesley

    Posso inserir esse código no WordPress, ou tem algum plugin que exiba os albuns do flickr?

  20. Felipe

    Ola Rafael, parabens pelo post. apenas para avisar que o flickr deve ter mudado algo e seu código não esta funcionando corretamente. Baixei seu código deu erro no helper_flickr.php … abraços

Deixe um comentário para Ademilson Junior Cancelar resposta