Tutorial shadowbox - parte II

Depois de explicar como instalar o Shadowbox no Blogger hoje vou explicar como usa-lo sem ser com uma simples foto.
O Shadowbox tem potencialidades para funcionar com imagens, videos de varios formatos, ficheiros em flash e até com paginas.

Como eu tinha dito no artigo anterior, para usar o Shadowbox com imagens bastava alterar um pouco o código da imagem carregada para ele funcionar, mas para o usar sem ter que carregar nada no blogger iremos usar apenas o código abaixo como base:

<a href="ENDEREÇO DO FICHEIRO" rel="shadowbox" >O QUE VAI APARECER NO BLOG</a>

Usando ficheiros FLV (videos tipo youtube):
Para usar o Shadowbox em videos deste tipo temos que copiar o codigo do video a usar no site onde está alojado (Embed):

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/VPqBRSlAkTc&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/VPqBRSlAkTc&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

(exemplo do Youtube)
Neste código vamos apenas usar o endereço do video (a vermelho):

http://www.youtube.com/v/VPqBRSlAkTc

e substituir ENDEREÇO DO FICHEIRO (no código do shadowbox por este endereço e a parte O QUE VAI APARECER NO BLOG  por Clicar para ver video.
Ficando assim:

<a href="http://www.youtube.com/v/VPqBRSlAkTc" rel="shadowbox" >Clicar para ver video</a>

Para terminar é necessário definir as medidas dos video. Essas medidas vão ser inseridas logo após a palavra shadowbox, separadas por ponto e virgula. Ficando assim para as medidas 600 pixels de largura (width)e 485 pixels de altura (height) que são medidas que normalmente uso:

<a href="http://www.youtube.com/v/VPqBRSlAkTc" rel="shadowbox; width=600; height=485" >Clicar para ver video</a>

O resultado é este:
Clicar para ver video

NOTA: para o video iniciar automaticamente basta adicionar &autoplay=1 ao endereço do video e antes da aspa.

Para outros tipos de ficheiro basta trocar o endereço do ficheiro a apresentar!