Aula 10: Galeria de imagens com efeito lightbox

Saudações a todos estamos de volta com mais uma vídeo aula para o curso Criando um site profissional da UpInside. E neste nos configuramos nossa galeria de últimos trabalhos com o efeito light Box.

Iríamos programar o mural, mas como a aula ficou muito extensa resolvemos primeiro terminar toda parte do layout. Então na próxima entramos com o sistema de login e painel protegido com senha para então programar nosso mural e enfim ter nosso produto final.

Vamos então configurar nossa galeria. Boa aula, qualquer duvida basca comentar e quem gostou e claro. Faz barulho!

Link Lightbox – Baixe aqui!

Bookmark e Compartilhe

Interatividade
  • Lucas Washington Falou Em: 20 de fevereiro de 2010 as 17:24

    Olá , Nossa ótima video aula !

  • Douglas Falou Em: 21 de fevereiro de 2010 as 13:04

    Cara suas vídeo-aula são 10!!!!

  • Ramon Falou Em: 1 de março de 2010 as 17:11

    Parabens pelo otimo trabalho ! ! ! se metade dos profissionais tivese a metade da sua copetencia os webdesign seriao perfeitos …

  • MARCELLO LIMA Falou Em: 9 de março de 2010 as 12:16

    muito bom mesmo gostaria de solicitar de vc uma video aula tambem. sobre ajax gostaria de saber como foi feito e gostaria muito de colocar no meu site..

  • Robson Falou Em: 14 de abril de 2010 as 13:22

    Boa tarde!

    Cara faz muito tempo que estou atraz dessa função lightbox, ótima video aula nota 1000.

    so me diz uma coisa tem como eu criar umgrupo de imagens para ser exibida pela lightbox com apenas 1 link puchando as imagens de um grupo ou de uma galeria?

  • Elberson games Falou Em: 28 de abril de 2010 as 1:35

    Parabens Robson vc manja muito cara …

    gostaria de mais video aula de criacao de layuot , conexao com banco de dados MYSQL , E SQL VALE U…..

  • rafhael Falou Em: 11 de junho de 2010 as 14:46

    cara ve se vc pode me ajudar eu fiz tudo so que o efeito abre as imagens láááá bem embaxo do site oque pode ter de errado ??

  • Robson V. Leite Falou Em: 11 de junho de 2010 as 14:47

    @rafhael: Confere o link e pasta do style.css da lightbox!

  • rafhael Falou Em: 11 de junho de 2010 as 15:02

    como assim style.css ?

  • rafhael Falou Em: 11 de junho de 2010 as 15:06

    achei o erro vey não sei daonde mais o codigo que eu botei no header tava de vez de css tava js :D vlw

  • rafhael Falou Em: 11 de junho de 2010 as 15:07

    Haaaa e parabens pelas video aulas nota 100000000000000000000000000000

  • rafa Falou Em: 11 de junho de 2010 as 19:26

    lol quantos q vale issu ?

    100.000.000.000.000.000.000.000.000.000

    tipo bilhao essas coisa

  • Availto Oliveira Falou Em: 30 de junho de 2010 as 22:29

    Muito bom, exatamente o que eu estava precizando.
    Tô baixando tudo e vou mandar ver.
    O brigado a vc Robson e a toda equipe do site.
    Vcs são F**a!!!

  • Valdir Marques Falou Em: 7 de agosto de 2010 as 13:26

    Robson. Muito boa aula. Deu uma super valorizada em meu site este efeito que vc nos ensinou.
    Parabéns, és um profissional muito competente. Obrigado por compartilhar conosco seus conhecimentos.

    Tenho uma dúvida, mas nao sei como expressá-la. Vou tentar:
    eu criei algumas imagens de 400×500 px, para aparecer nesta galeria de fotos com esse efeito Lightbox. Abrem perfeitas ao clicar em cada uma delas.
    Porem, os quadradinhos (antes de clicar) são de 75×75 px. Portanto aparece um pedaço apenas da imagem e geralmente aparece um pedaço que nao dá para indentificar o que é.

    Tem como eu localizar a imagem, de maneira que apareça a parte dela que eu desejo que apareça. Por exmplo, o centro da imagem aparecer nestes quadradinhos de 75×75?

    Valeu

  • Robson V. Leite Falou Em: 7 de agosto de 2010 as 14:50

    @Valdir Marques: fala meu querido, veja a aula do amigo Luciano sobre gerar miniaturas com TimTHumb! e gere elas com zoom crop (zc) 1. definindo altura e largura!

Deixe seu comentário!