Youtube Lightbox Gallery

Postado por: Pedro Rogério em
  • 29 jul
  • 13
Youtube Lightbox Gallery

Nesse novo experimento resolvi criar uma galeria com os vídeos de um usuário qualquer do youtube com o efeito de polaroid criado só com CSS3, que ao você clicar no thumbnail ele abre seu respectivo vídeo em um lightbox. Mas atenção, devido a utilização de propriedades avançadas do CSS essa galeria só vai funcionar corretamente em browsers modernos (WebKit e Firefox).

Continuar lendo »

Slideshow com Legendas desenvolvido em jQuery

Postado por: Pedro Rogério em
  • 31 jan
  • 9
Slideshow com Legendas desenvolvido em jQuery

Se lembram que eu já ensei por aqui a desenvolver facilmente um slideshow com jQuery, ótimo para ser usado em portifólios. Dessa vez vou ensinar mais uma vez a desenvolver um slideshow com a utilização de jQuery e com a diferença de que dessa vez teremos legendas no rodapé das imagens, ideal para ser utilizado em blogs onde podem ser mostrados os últimos posts como destaque.

Continuar lendo »

Centralizar imagem na vertical com JavaScript

Postado por: Pedro Rogério em
  • 8 mar
  • 7

No post anterior mostrei como é possível centralizar uma imagem na horizontal e vertical com CSS, independente do tamanho da imagem. A solução utilizava algumas propriedades CSS e uma tag <span> vazia no HTML. Para os semanticistas de plantão isso é um crime.

O que podemos fazer então, criar aquela tag <span> via JavaScript, ou então utilizar uma solução com a utilização de jQuery e o resultado final obtido será o mesmo. Primeiro, vamos a marcação HTML, observe que remove a tag span do código utilizada no exemplo anterior e adicionei uma classe a imagem só para identificação no JavaScript:

<div class="box">
    <img class="centralized" src="img1.jpg" alt="" title="" />
</div>

Continuar lendo »

Páginas:«1234»