lytebox dentro de iframe

[marvi]

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

Editado Novembro 17, 2008 por marvi

[Mestre SAM]

oi marvi,

interessante você ter usado meu site como exemplo, obrigado pela confianca!

da pra usar dentro de iframe sim.

eu precisei fazer isso no site www.topmartialarts.com.br

veja no site q todas as imagens são abertas pelo lytebox de dentro do iframe.

pra isso basta fazer a importacao dos arquivos no frame principal,

ao invés de importar de dentro do iframe.

faca o teste,

qualquer coisa olha o codigo fonte do site acima citado e veja como eu fiz!

sucesso!

[marvi]

Olá!

Não funcionou o seu método não... vi que o pessoal conseguiu com lightbox, mas quero com lytebox, pois ele abre HTML além de imagens... como resolver isso? Poderia me orientar melhor?

Faz um tempo que venho procurando essa solução, mas estava deixando de lado... pensei que não tinha maneira com lytebox...

Editado Novembro 20, 2008 por marvi

[Mestre SAM]

oi marvi,

na pagina q contem o codigo <iframe ...>

você faz a importacao dos arquivos js e css.

<link href="lytebox.css" type="text/css" rel="stylesheet" media="screen" />
<script src="lytebox.js" type="text/javascript"></script>

e nas paginas q abrem dentro do iframe você importa o seguinte:

<LINK href="estilos.css" type="text/css" rel="stylesheet">
<script src="lytebox.js" type="text/javascript"></script>

parece a mesma coisa não é??! mas o detalhe esta em media="screen" na primeira importacao.

testa ai e vamos ver!

[marvi]

Eu fiz o que você falou... Para ver na prática e ver se fiz certo acesse esse site:

http://www.ideiabiz.com/monteiro/pre_lancamento.asp?id=11|21

Vera que tem uma imagem grande onde tem um lytebox rodando ok...

Abraixo dessa imagem tem umas ABAS, chamada Apresentação, imagens e etc... Clique na aba azul chamada imagens e espere carregar umas fotos... lá é um iframe e se você clicar nela verá que não faz nada... como se não tivesse lytebox...

OBS: Parece que ele só roda no Firefox novo, mas no Internet Explorer não!

Na principal:

<link href="lytebox.css" type="text/css" rel="stylesheet" media="screen" />
<script src="lytebox.js" type="text/javascript"></script>

Na página dentro do iframe (imagemnova.asp)

<LINK href="estilos.css" type="text/css" rel="stylesheet">
<script src="lytebox.js" type="text/javascript"></script>

<% While not rsfotos.EOF

fotos=  rsfotos("fotos")
cod=  rsfotos("cod_obra")
desc=  rsfotos("descfoto")
nome=rsfotos("nomefotos")

%>

<li><a href="<%=fotos%>" rel="lyteframe"><img src="<%=fotos%>" /></a><%=desc%></li>


<%
rsfotos.movenext 
   Wend
   End If
   %>
   </ul>
   </div>

Editado Novembro 20, 2008 por marvi

[Mestre SAM]

verifica o caminho se ta chamando certinho.

src="lytebox.js"

precisa ser

src="caminho_dos_arquivos/lytebox.js"

[marvi]

Está sim, tanto que no FireFox roda, mas no Internet explorer não... teste aí nos dois navegadores

Uma observação:

<LINK href="estilos.css" type="text/css" rel="stylesheet">

<script src="lytebox.js" type="text/javascript"></script>

O que arquivo não veio esse estilos.css... tem lytebox.css

Editado Novembro 20, 2008 por marvi

[Mestre SAM]

oi marvi

abri o IE,

e realmente não abre, mas eu vi q da uns 2 erros de script ao carregar a pagina.

provavelmente isso q ta atrapalhando o carregamento dos arquivos e

atrapalhando o funcionamento do lytebox.

tente matar esses erros do js, e veja se não vai funcionar certinho!

<LINK href="estilos.css" type="text/css" rel="stylesheet">

correto, é lytebox.css

Editado Novembro 20, 2008 por Mestre SAM

[marvi]

O lightbox rodava assim mesmo... pois tenho só o script da ABA lá... o problema é que lightbox não oferece como abrir html...

estou tentando aqui...

Com lightbox usava esse script na principal:

<!-- Arquivos utilizados pelo jQuery lightBox plugin -->
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
    <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
    
    <!-- Ativando o jQuery lightBox plugin -->
    <script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
    </script>

<script>
$(function(){
    $('iframe').load(function(){
        $(this).contents().find('div#gallery > ul > li a').lightBox();
    });
});
    //$('iframe').contents().find('#gallery > ul > li a').lightBox();
</script>

[Mestre SAM]

beleza

eu uso o lytebox abrindo de iframe como te falei,

e funciona tanto no FF quanto no IE.

por isso posso dizer com certeza q funciona sim.

tenta ver esses errinhos de js ai, ve se vai funcionar dai.

[marvi]

Agora que está o problema... o script que gera aquelas ABAS com as divs é que tem um problema que você fala no js

Fiz um teste e funcionou assim: http://localhost/sitesp/teste1.asp?id=11|21

O problema agora é ver como resolver esse js!!!! putz... não tem fim não...

Editado Novembro 20, 2008 por marvi

[Mestre SAM]

hum

eu não tenho como ver o seu teste em localhost.

mas agora q você descobriu o problema,

eu sugiro abrir um novo tópico com o novo problema.

:)

[marvi]

Falou, vou testar! Obrigado!

[Jelly]

Boa Tarde,

Eu sei que este post é muito antigo porém estou com o mesmo problema, preciso abrir o lytebox dentro de um Iframe, porém dentro do iframe ele não funciona, se abrir só a página por fora do iframe ele funciona normal, mas interno não tem efeito apenas aparece a imagem.

Já tentei as alternativas apresentadas anteriormente porém não funcionou, fiz a recomendação do próprio site do lytebox e também não funcionou...

Se alguém puder me ajudar agradeço.

[Jelly]

Boa Tarde,

Eu sei que este post é muito antigo porém estou com o mesmo problema, preciso abrir o lytebox dentro de um Iframe, porém dentro do iframe ele não funciona, se abrir só a página por fora do iframe ele funciona normal, mas interno não tem efeito apenas aparece a imagem.

Já tentei as alternativas apresentadas anteriormente porém não funcionou, fiz a recomendação do próprio site do lytebox e também não funcionou...

Se alguém puder me ajudar agradeço.