Lucas Ferreira

Olá Lucas!
Muito legal sua solução, deu certinho e manteve a sofisticação do lightbox original, que tem fadein/fadeout, fundo branco ajustável de acordo com a foto, bom mesmo!

Agora, como eu poderia fazer para que as imagens fossem aparecendo em sequência, tipo, “1 de 2″, por ex?

Eu tentei incluir mais uma imagem na action do botão no flash, algo como:
getURL(”javascript:showFoto(’foto1.jpg’,'foto2.jpg’);”, “_self”);
mas não rolou…

Como será que isso funcionaria?

Parabéns novamente pela solução e muito obrigada pois ela já me ajudou
Abração,
Carla

Tbm to com duvida em fazer uma galeria dinamica de fotos rolando nesse esquema, pelo htm ele funcionava mas qdo eu coloquei o no codigo a_false.rel = “lightbox[crista]“; que era como chamava no htm normal, roda como se o array [crista] fosse do javascript e nao roda as outras paginas.

tem alguma solucao?

Valeu!

Aí Lucas, muito bom cara, parabéns, aqui funfo de boa!!!
Quem quiser dar uma olhada vai aí o link: http://www.cia2.com/portifolio/logotipos.html

Entao Lucas, muito bom o tutorial, mas eu to com um problema.. quando eu clico para abrir a imagem, o swf q era pra ficar escurecido acaba desaparecendo..

aí vai o link para q vc entenda melhor o q eu to dizendo:

http://www.indexonline.com.br/light/

se vc puder me dar uma força ficarei muito grato!

abraço!

ae ajudou bastante rodou perfeito. valeu
agora preciso colocar comentários para aparecer junto com a foto como se fosse no html, tentei variações mais nao tive sucesso. se poder quebrar essa ae vai salvar.

Oi Lucas,
Tentei de várias maneiras fazer funcionar o Lightbox mas não teve jeito, o meu problema começa antes mesmo de tentar com o Flash ( eu acredito que se eu conseguir no HTML, no Flash não será problema)mas o problema que não dá certo, eu até já consegui fazer abrir a imagem mas não abre com o efeito do Lightbox,
já segui o tutorial do site do Lightbox mas não rola. Vc pode me ajudar?
Desde já agradeço
Abraços

Olá Lucas, boa noite….

Rei,
Fiz a função aqui e funcionou blz, mais aconteceu o mesmo que no caso do Marcus,
ficando escuro dmais e assim sumindo o swf.
Por favor tem como me ajudar.

desde já muito obrigado.

opa! me lembro quando me enviou por email isso, deu certo, muito certo!

parabéns ai

grande abraço

Cara, estou com o mesmo problema que o pessoal, o flash some, mesmo eu tirando o lance de escurecer ele acaba sumindo, e isso independente de o lightbox ser chamado pelo flash ou n, basta estar na mesma pagina, e agora?

Olá pessoal,tem uma solução mais eficiente para o lightbox+flash no Codefidelity. �? só baixar o exemplo e aplicar ao seu filme flash.

1 Insira este código no head:

function LightboxDelegate(url,caption) {
var objLink = document.createElement(’a');
objLink.setAttribute(’href’,url);
objLink.setAttribute(’rel’,'lightbox’);
objLink.setAttribute(’title’,caption);
Lightbox.prototype.start(objLink);
}

2 Atribua esta action ao botão flash:

onRelease = function(){
getURL(”javascript:LightboxDelegate(’images/imagem.jpg’,'Título da Imagem’)”);
}

3 Bom, e por último no param name e embed tem que estar wmode transparent:

Espero ter ajudado

nossa cara vc tb pode me ajuda esta com mesmo problema do pessoal ai, quando clico o botão em flash a a imagem só que some do site do fundo…
vlw deste já…

Oi Lucas,
Muito bom sua dica sobre Lightbox + Flash, meus parabéns!!!
Abs,

Paulo Kato.
DOTK Comunicação
http://www.dotk.com.br

olá lucas, bem interessante essa iniciativa de usar o lightbox integrado com o flash. Só para deixar mais legal, eu usaria ExternalInterface em vez de getURL

veja:

import flash.external.ExternalInterface;

meuBotao.onRelease = function():Void
{
ExternalInterface.call(”LightboxDelegate”,”images/imagem.jpg”,”Título da Imagem”)
}

assim fica melhor interpretável além do código ficar mais “bonito”

t+

Bom dia Lucas, muito interessante o tutorial flash lightbox, mas tem um problema, tentei de todas as formas fazer funcionar, mas nada de funcionar, aparece o swf normalmente, mas qdo eu clico sobre o botão nada acontece, fiz um link para verificar se o lightbox estava funcionando e deu certo, ou seja o meu problema esta no uso do swf o código que eu coloquei no botão foi o seguinte:
on(release){
getURL(”javascript:showFoto(’foto.jpg’);”, “_self”);
}
se possível me envie o arquivo que vc criou em flash para eu dar uma analisada
obrigado

Hi Lucas, i have a problem with my flash using lightbox, i’m using your code instead of the new one published in here, it works better for me for some reason, i just can’t assign a Caption or Image Title and my .swf movies hide whenever a lightbox image is pressed, besides that, works amazing, thanks a lot!

To add capition or image title:

function showFoto(src,texto)
{
var a_false = document.createElement(”A”);
a_false.rel = “lightbox”;
a_false.href = src;
a_false.title=texto;

myLightbox.start(a_false);

a_false = null;
}
in flash, you just need to call getURL(”javascript:showFoto(’foto.jpg’,'My image title’);”, “_self”);

Pra quem estiver tendo problema com o flash que continua aparecendo, aí vai uma dica:
no codigo que exibe o flash …, adicionem o parâmetro
e também adicionar o wmode=”transparent” dentro da tag embed

Por favor me encaminhem o arquivo fla de exemplo.
Grata
Dani

Muito bom o efeito, mais estou me batendo para colocar o codigo java no html, pois nao sei aonde aplicar o codigo. Estou fazendo meu site em php, nao sei se isso interfere em algo.
Gostaria de uma ajuda

Lucas, são sei como colocar este java script no site para fazer o lighbox funcionar apartir de um botão feito em flash, será que vc pode me ajudar?

JavaScript:
function showFoto(src)
{
//criando um link falso, para o LightBox captar as informações
var a_false = document.createElement(”A”);
a_false.rel = “lightbox”;
a_false.href = src;
//chamando a função do lightbox responsável pelo início das ações
myLightbox.start(a_false);
//anulando o link
a_false = null;
}

se não for pedir muito me encaminhe um arquivo html para eu ver

Consegui fazer funcionar mais as fotos nao carregam e o swf some no fundo. Ja coloquei o wmode transparent, mais assim mesmo nao fucionou. Teria com enviar o arquivo em html pra que eu possa verificar onde esta o erro.

Galerinha.. tenho uma pergunta pra voces…

Tem como eu usar o lightbox para exibir um arquivo .swf ??

Alguma solução… pleeeease!!!

Abraço a todos!

alguem sabe me dizer como fazer funcionar isto com o shadowbox? http://mjijackson.com/shadowbox/index.html

Lucas, blz?

Cara, tenho uma galeria em flash dinamica que puxa as fotos de um bd mysql, adaptei o lightbox para clicar nas miniaturas e abre, mas fica carregando, acho que não estou conseguindo passar o parametro da imagem para o lightbox.

esta assim o link:
getURL(”javascript:showFoto(this.img_g)”, “_self”);

mas o this.img_g não esta funcionando, como faço pra deixar dinamico?

Olá Lucas!
Muito interessante o tutorial, tentei de todas as formas fazer funcionar e nada. Aparece o swf normalmente, mas qdo eu clico sobre o botão nada acontece, fiz um link para verificar se o lightbox estava funcionando e deu certo, ou seja o meu problema esta no uso do swf o código que eu coloquei no botão foi o seguinte:
on(release){
getURL(”javascript:showFoto(’foto.jpg’);”, “_self”);
}
se possível me envie o arquivo fla que vc criou para eu dar uma analisada
Grata,
Lene

Boa noite Lucas, é exatamente o que eu preciso , mas tem um problema, tentei de todas as formas fazer funcionar, mas nada de funcionar, aparece o swf normalmente, mas qdo eu clico sobre o botão nada acontece, não consigo descobrir onde estou errando.
Já usei algumas vezes o lightbox com imagens, sempre deu certo, mas com o Flash não estou conseguindo de jeito nenhum.
Por favor, será que vc poderia me enviar o .fla do flash e o seu html talvez dessa forma eu consiga descobrir onde estou errando.
Desde já agradeço
Um abraço

Galera,

Estou usando o lightbox num aplicativo em flash mais na hora de fechar a imagem ele está travando no overlay desabilitando o site do fundo.

Alguem sabe o que pode estar acontecendo???

precisava de um get url que abrisse o link de página do google no lightbox media isso é possível?

Muito legal, tentei de todas as formas fazer funcionar e nada. Aparece o swf normalmente, mas qdo eu clico sobre o botão nada acontece, o lightbox está funcionando, ou seja o meu problema esta no uso do swf ??
on(release){
getURL(”javascript:showFoto(’foto.jpg’);”, “_self”);
}
qual é a sua dicas meu caro amigo, rss

estou conseguindo perfeitamente no html, mas ao clicar no botão do flash nada acontece.

tem algo errado nesta ação onRelease???

preciso muito conseguir fazer o lightbox funcionar com flash mas nao consigo.
preciso fazer um trabalho para meu curso assim.
ficaria muito grata se estivesse mais passo a passo ou os aruivos prontos para baixar.
creio estar errando no flash.
por favor me ajudem!!!
meu e-mail ingridmorena004@hotmail.com

Olá lucas!

me diga uma coisa… você sabe se tem como usar o efeito do lightbox para abrir um arquivo swf?..

tipo assim… gostaria de colocar um “clique aqui para ler o artigo completo” e no aqui ser um link para abrir um arquivo swf como se fosse em lightbox?

grato.

Morgan

cara o meu explorer da erro de script na parte do myLightbox.start(a_false);
diz q não está declarado.
e não funciona.
não sei mais o q fazer.

se poder me enviar seus arquivos prontos agradeço.

grato

Este aplicativo online gratis converte ASC2.0 to ASC 3.0
http://www.5etdemi.com/convert/

Boa tarde!
Já tentei tds os passos e nao consigo faze-lo funcionar. Na barra de status da a seguinte mensagem ao clicar no botão: erro na página.
Por favor alg pode me ajudar? Meu email san_santana@bol.com.br

Agora tentei outro e nao acontece nada…por favor Lucas o que pode ser???

Pow. fiz tudo certinho, funciona só em HTML, só que quando eu coloco no flash não abre.

Coloquei o SWF no html assim:

AC_FL_RunContent( ‘codebase’,'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0′,’width’,'966′,’height’,'569′,’title’,'Portfolio Leandro Moreira WebDesigner’,’src’,'portifolio_2008′,’quality’,'high’,'pluginspage’,'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash’,'wmode’,'transparent’,'movie’,'portifolio_2008′ ); //end AC code

E no flash:

on(release){
getURL(”javascript:showFoto(’image1.jpg’);”, “_self”);

}

ps.: a função JS tá certinha.

Estranho. Baixei o exemplo do Codefidelity e nem o index que veio funcionou. Alguém sabe o problema?

abs

Não rolou… eu usei o arquivo HTML da pasta que baixei com o Lightbox (index.html), incluí o script no HTML e a ação no botão. O que eu alterei foi o caminho da imagem para que fosse usada a minha imagem. No botão do Flash: on (release) {
getURL(”javascript:showFoto(’images/convite_orgulho_quinta.jpg’);”, “_self”);
}

Também incluí o parâmetro:

Gostaria de saber usando um lightbox que abra uma página com animação funciona, esto tentando mais não estou conseguindo algém tem uma solução ?

Abrir um Lightbox( que abra uma página -> formulário de email ), só consigo fazer para imagem para página esse lightbox não funciona por favor, pode me ajudar a chamar de uma animação um lightbox que chame uma página ou um facebox.

Lucas, parabéns pelo tutorial !

Estou com um probleminha e não encontrei solução em lugar nenhum.
Não tem muito a ver com o que você explicou, mas como você é fera, acho que pode me ajudar.

Tenho uma página em HTML e inseri os efeitos do Lightbox. Tudo funciona bem, no entanto, o título em SWF simplesmente desaparece quando a imagem é ampliada…

O que pode ser isso ?

*Smuaks*
Fla.

Para quem fez tudo certo mas não está conseguindo executar o script localmente é necessário seguir os passos que o Erik explica no seu blog:
http://blog.ericksouza.com/security-settings-chamando-javascript-localmente-via-flash/

DAew, blz, minha duvida é a msmo do pessoal, como usar a lightbox sem que o flash ao fundo suma, no meu caso o flash tem um som e quando uso a lightbox o flashsome ea musica para e quando fecha a li.. ela não começa de novo!! no firefox funfa perfeito!! pq será!!
se alguem souber, agradeço - falow abraços!

Daew pessoal, pra quem quer que a lightbox não suma com o flash
function hideFlash(){
var flashObjects = document.getElementsByTagName(”object”);
for (i = 0; i < flashObjects.length; i++) {
flashObjects[i].style.visibility = “hidden”;//troquem hidden por visible(hidden esconde o flash e visible mostra)
}

var flashEmbeds = document.getElementsByTagName(”embed”);
for (i = 0; i < flashEmbeds.length; i++) {
flashEmbeds[i].style.visibility = “hidden”;//troquem hidden por visible(hidden esconde o flash e visible mostra)
}

}
espero que tenha ajudado!abraços aew

Pessoal,

Criei um novo artigo sobre este assunto:

http://blog.lucasferreira.com/2008/12/02/lightbox-flash-a-missao-ii/

A idéia é corrigir os erros, implementar novos recursos e evitar que os SWFs sumam da página na execução do Lightbox.

Abraços!

Pessoal, a função para ser colocada sobre o movieclip é a seguinte:

onClipEvent (load) {
onRelease = function(){
getURL(”javascript:LightboxDelegate(’imagens/imagem.jpg’,'Titulo da imagem’)”);
}
}

Tentem assim, ao inves de on(release)

Abs,
Beto

Lucas, precisava saber como usar o lightbox sem sumir o swf que está por trás sabe? Tipo, o site é em html, e só tem um topo em flash…ai quando eu uso o lightbox, esse swf some, mas funciona normal o lightbox….só queria saber se tem como esse topo não sumir, ele num tem botão nem nada nesse topo…é só um enfeite do site, mas num qria ele sumindo…se der pra me ajudar, me manda uma resposta o e-mail: jalves1987@gmail.com

vlw e muito obrigado se der pra ajudar

eu queria algo como nesse site

http://www.property-magic.com/lightbox_over_flash.html

onde os botões são em html e tem um flash no meio….

Eu achei um video tutorial muito bom desse efeito Light box no site da tutors, ta aqui o link:

http://www.tutors.com.br/video-tutorial/adobe-flash/flash-avancado/efeitos/49-efeitos/60-efeito-lightbox

Olá!

Gostarei de saber por que o lightbox não está funcionando no meu site qdo acesso com IE. Se alguém puder acessar e me ajudar eu ficaria muito grato.

Obrigado!

Anderson vi seu problema e é bem simples de resolver.
Olha, como vc quer q o link contenha dados dinâmicos vc deve concatenar a o comando getURL, com a chamada ao javascript com a variavel q deseja informar, no caso, this.img_g. Segue abaixo o código corrigido:

SEU CÓDIGO
getURL(”javascript:showFoto(this.img_g)”, “_self”);

CÓDIGO CORRETO
getURL(”javascript:showFoto(’”+this.img_g+”.jpg’)”, “_self”);

Preste atenção que o nome do arquivo q será passado pelo objeto THIS tem q estar entre aspas simples. Outra coisa, como provavelmente a sua variável está passado apenas o nome do arquivo, inseri no código a extensão “.jpg” caso já seja passada (a extensão) no valor da variável basta retirar.
Espero q ajude

Marcone Ramos
FlashUser Adobe Certification

Olá! Ótimo artigo, parabéns Lucas.
Só comentantando a dúvida do Jorez, de 06/03/2009. Jorez, você pode ter esquecido de deixar o wmode como opaque. Fiz isso e funciono no ie. Espero que ajude.
abraços!

Galera to com problema…

porque no meu caso o arquivo que vai fazer o lightbox está em outro SWF por loadmovie aí não funciona…como posso resolver????

Putz gente, tentei de todas as formas mas naum consegui
veja como está a minha funcao:

function showFoto(src)
{
var a_false = document.createElement(”A”);
a_false.rel = “lightbox”;
a_false.href = src;
Lightbox.prototype.start(a_false);
a_false = null;
}

e meu botão esta assim

on(Release){
getURL(”javascript:showFoto(’images/imagem-1.jpg’);”, “_self”);
}

porém da esse erro: ‘undefined’ é nulo ou não é um objeto.

Alguém pode me ajudar?

AC_FL_RunContent( ‘codebase’,'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0′,’width’,'384′,’height’,'191′,’title’,'Destaques em flash’,’src’,'flash/painelGeral’,'quality’,'high’,'pluginspage’,'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash’,'movie’,'flash/painelGeral’, ‘ WMODE ‘, ‘ TRANSPARENT ‘ ); //end AC code

// AQUI COLOQUEI O WMODE TRANSPARENT e DENTRO DA função AC_FL_RunContent() coloquei ‘wmode’ e ‘transparent’

Funfa benzaço…

AC_FL_RunContent( ‘codebase’,'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0′,’width’,'384′,’height’,'191′,’title’,'Destaques em flash’,’src’,'flash/painelGeral’,'quality’,'high’,'pluginspage’,'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash’,'movie’,'flash/painelGeral’, ‘ WMODE ‘, ‘ TRANSPARENT ‘ ); //end AC code

// AQUI COLOQUEI O WMODE TRANSPARENT e DENTRO DA função AC_FL_RunContent() coloquei ‘wmode’ e ‘transparent’

Funfa benzaço…

AC_FL_RunContent( ‘codebase’,'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0′,’width’,'384′,’height’,'191′,’title’,'Destaques em flash’,’src’,'flash/painelGeral’,'quality’,'high’,'pluginspage’,'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash’,'movie’,'flash/painelGeral’, ‘ WMODE ‘, ‘ TRANSPARENT ‘ ); //end AC code
/script>noscript>object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0″ width=”384″ height=”191″ title=”Destaques em flash”>

param name=”wmode” value=”transparent” /> // AQUI COLOQUEI O WMODE TRANSPARENT e DENTRO DA função AC_FL_RunContent() coloquei ‘wmode’ e ‘transparent’

param name=”movie” value=”flash/painelGeral.swf” />
param name=”quality” value=”high” />
embed src=”flash/painelGeral.swf” quality=”high” pluginspage=”http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash” type=”application/x-shockwave-flash” width=”384″ height=”191″>/embed>
/object>
/noscript>

Funfa benzaço…
obs… tirei o sinal de < das tags para poder postar.

Só tenho a agradecer, uma solução muito inteligente!

Lucas!
Vc (ou alguém ai ) sabe se esse tutorial finciona em swishmax?

Olá galera, deu tudo certo, só falta quando eu clico no bt do flash aparecer as setas na janela do lightbox…

Alguém pode ajudar?

Oláa Pessoal,

tenho uma dúvida …

Estou tentando carragar uma url em vez de uma foto,

o lightbox abre mas a url não carrega ,,,, alguém pode me ajudar ????

Obs. com uma foto eu consegui …
Meu código: function showTempo(src)

{

var a_false = document.createElement(”A”);

a_false.rel = “lyteframe”;

a_false.href = src;

a_false.title = “Previsão do Tempo - Capela do Alto”;

myLytebox.start(a_false);

a_false = null;

}

O