lytebox no iframe, tem como?

Question

Pessoal,

Existe alguma forma desse lytebox (acho que vocês conhecem. Ele abre as imagens como zoom e com efeito) ser colocado em uma página dentro de um iframe e ao clicar na foto, a foto abrir para fora do iframe com efeito dele? Não exibir dentro de um iframe e sim sair do iframe para a janela principal?

Veja sobre o lytebox:

http://www.mariosam.com/javascript/slide-s...lytebox#more-56

ou

http://www.dolem.com/lytebox/

Tentei de várias formas e nada! Existe ou não uma solução para isso?

Obrigado!

Marcelo

Answer 1

Tem sim use normalmente, com rel="lytebox[vacation]"  no link da imagem estou usando em um site e funciona perfeitamente no IE 6,7,8 e no firefox.

 

 

faça assim:

 

inclua o arquivo lytebox.js e o lytebox.css 

 

Code Snippet

<SCRIPT< SPAN>type="text/javascript" language="javascript" src="lytebox.js">
<LINK< SPAN>rel="stylesheet" href="lytebox.css" type="text/css" media="screen" /></HEAD< SPAN>

 

 

 

depois basta montar o link assim:

 

Simples

Code Snippet

<A< SPAN> href="images/image-1.jpg" rel="lytebox" title="Descrição da imagem">Link

 

vc pode usar uma imagem com o link como preferir

 

Em grupo

Code Snippet
<A< SPAN> href="images/image-1.jpg" rel="lytebox[vacation]" title="Descrição da Imagem 1">Link 1<A< SPAN> href="images/image-2.jpg" rel="lytebox[vacation]" title="Descrição da Imagem 2">Link 2
 
 
Conteúdo html
Code Snippet
<A< SPAN> href="http://www.google.com" rel="lyteframe" title="Google" rev="width: 400px; height: 300px; scrolling: no;">Google
 
 

Conteúdo html com paginação

Code Snippet

<a href="catalog1.htm" rel="lyteframe[catalog]" title="Catalogo 1">Link 1</a>
<a href="catalog1.htm" rel="lyteframe[catalog]" title="Catalogo 2">Link 2</a>