Ago
7
Abrir Lightbox desde Flash
Si necesitamos abrir una imagen con ligthbox desde flash tenemos que poner este código en el head:
<script type="text/javascript">
function LightboxDelegate(url,caption) {
var objLink = document.createElement(’a');
objLink.setAttribute(’rel’,'lightbox’);
objLink.setAttribute(’title’,caption);
Lightbox.prototype.start(objLink);
}
</script>
function LightboxDelegate(url,caption) {
var objLink = document.createElement(’a');
objLink.setAttribute(’rel’,'lightbox’);
objLink.setAttribute(’title’,caption);
Lightbox.prototype.start(objLink);
}
</script>
…y en las acciones del botón flash que abrirá la imagen:
on (release){
getURL("javascript:LightboxDelegate(’images/image-1.jpg’,'caption1′)")
}
getURL("javascript:LightboxDelegate(’images/image-1.jpg’,'caption1′)")
}
Inicio
Contactar
Entradas (RSS)
Comentarios (RSS)
4 de Septiembre, 2007 - 5:13
Hola podrias subir un html y el fla por que no me resulto tengo ligthbox 2 y todo pero no me funciona
4 de Septiembre, 2007 - 9:08
Aquí lo tienes…
Descagar
un saludo!
2 de Octubre, 2007 - 21:39
No Funciona…. al hacer click sobre la imagen no pasa nada…
3 de Octubre, 2007 - 8:42
Pruébalo subiéndolo a un servidor, funciona correctamente. Suerte!
20 de Octubre, 2007 - 2:58
y si queremos poner varias fotos? para que aparezca el next? como se haría en flash?
20 de Octubre, 2007 - 22:52
Y su quisiera hacer lo mismo desde un XML? porque asi no tendria que modificar la pelicula cada vez que quiera agregar contenido???
20 de Octubre, 2007 - 22:58
Puedo hacerte una pregunta tonta? no se supone que un link para que lightbo te funcione debe de contener algo en el atributo url? perdón por mi ignorancia, porq yo lo tengo funcionando en mi web, pero asigno la url a la propiedad href y pues gracias por el codigo, lastima que lo vi despues de haberlo implementado en mi site
21 de Octubre, 2007 - 20:30
Darkness51 aquí se pasa el rel, fijate en el código -> objLink.setAttribute(’rel’,'lightbox’);
22 de Octubre, 2007 - 20:52
hola sabes que no me resulta el ligthbox desde flash, quizas por que nunca lo habia usado antes, pero ahora subi tu archivo a un servidor de prueba y no resulta.
De antemano Gracias
22 de Octubre, 2007 - 23:45
Pues a mi si me va, este es el archivo subido a un servidor…
http://clipdepelicula.es/light
23 de Octubre, 2007 - 5:41
Entonces debe ser que no lo se ocupar, me puedes explicar porfaaaaaaaaaa
Vale….
23 de Octubre, 2007 - 8:39
en el botón flash pone…
on (release){
getURL(”javascript:LightboxDelegate(’images/image-1.jpg’,'caption1′)”)
}
…en images/image-1.jpg pones la ruta de tu imagen, supongo que es lo que has debido de poner mal.
23 de Octubre, 2007 - 17:32
Me extraña: Un saludo!,
hey man me puedes explicar como lo hacias ?
una tira de productos pasaran siempre dandole las coordenadas,
y al llegar al extremo (volviera al inicio con programación)?
mándame el archivo si lo tienes….
Gracias alex_Zandro!
23 de Octubre, 2007 - 20:08
Hola Filipo!
dame tu correo y te envio un ejemplo.
5 de Noviembre, 2007 - 14:20
A mi me funciona bien siempre que lo subo al servidor, lo unico que necesito es que me salga el next para ir a la siguiente foto y que me ponga abajo lo de foto 1 de 3 ¿esto se puede hacer?
5 de Noviembre, 2007 - 14:22
Eso si que no se como hacerlo, si me entero de algo lo posteo.
5 de Diciembre, 2007 - 18:28
GROSSSSSSSOOO!!! Excelente sitio, gracias por compartir el conocimiento, espero poder aportar algo! Ya están agregados a los bookmarks y al RSS.
GROSSSSSSSOOO!!! jajaja
11 de Diciembre, 2007 - 0:00
Hola, gente de la comunidad… tengo una inquietud, a ver si a otro le pasa. Probé el Script de este Post y funciona a las mil maravillas, pero puede ser que cuando hago click en el botón Flash se carga la imagen y desaparece todo lo que está atrás?… a ver si soy claro.
En la aplicación habitual de Lightbox (no lanzado desde Flash, sino desde un enlace común en HTML) cuando abrimos un enlace, el fondo se pone negro semitransparente y encima carga la imagen o swf que abrimos. Aquí no, desaparece el Flash, se pone el fondo seminegro (pero no hay nada detrás) y abre la imagen… me explico? Les pasa a todos o estoy haciendo algo mal? Les dejo el enlace para que lo vean: http://www.kaleida.cl/type/lightbox-flash/
GRACIAS A LOS QUE RESPONDAN
18 de Diciembre, 2007 - 0:24
hola Matias, si, cuando cargas el ligthbox desde fla, te reemplaza el swf. por eso lo ves gris, es un negro con un poco de trasparencia (0.8), pero como quita el swf, se ve solo gris. el color se modifica desde lightbox.css en la linea 76.
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000; //aqui
}
18 de Diciembre, 2007 - 1:02
Wilchea, gracias por tu respuesta, no te he entendido bien, ¿que es exactamente lo que hay que cambiar en el CSS para que se vea el fondo?
He probado con “background-color:transparent;” y no va.
22 de Diciembre, 2007 - 0:56
Encontré un error cuando en esta aplicación se le aplica un texto de entrada para armar un formulario de contacto, en Mozilla Firefox, dejan de funcionar el @, y las vocales acentuadas. Esto pasa al agregar el parametro WMODE
8 de Enero, 2008 - 16:44
Para Matias…
http://blog.codefidelity.com/?p=18
15 de Enero, 2008 - 14:59
Gracias Man!!!
15 de Enero, 2008 - 16:19
De nada
15 de Enero, 2008 - 16:29
Está mejor esta forma de Abrir LightBox desde Flash porque la medida y esas cosas las pasas desde el link en la movie. no en el Js del HTML. De todas maneras (y si ven el ejemplo de CodeFidelity lo pueden comprobar) cuando ejecutás LightBox para ver la imagen o la pelicula, todos los SWF que están en la página (es decir, los que quedan atrás del Overlay Negro semitransparente) desaparecen. Lamentablemente lo que planteaba originalmente no se soluciona con este nuevo método para abrir las imagenes. Todos lo ven?
15 de Enero, 2008 - 16:55
Lo encontré amigos. En el archivo lightbox.js o lightbox++.js (según cuál estén usando). Abajo, cerca del final encontrarán esta función:
function hideFlash(){
var flashObjects = document.getElementsByTagName(”object”);
for (i = 0; i
15 de Enero, 2008 - 16:58
Ug se cortó el script, todo mal. Bueno, lo que les decia, en esos archivos, abajo está esa función, van a ver que tiene como valor, unas lineas más abajo los valores “hidden”, deben cambiarlos por “visible” y a su película Flash que ejecuta el Lightbox ponerle en los parámetros wmode=transparent. y problema resuelto.
El unico problema es que al ponerle wmode transparent, tendremos problemas en caso de exisitir algún formulario para incluir caracteres especiales como el @ o vocales con tilde. Pero bueno, esa es otra historia. Para una galería de imágenes en Flash esto ha quedado resuelto.
Espero que les sirva.
19 de Febrero, 2008 - 9:36
problemas con las tildes y formularios dentro de página html o dentro del swf?
4 de Marzo, 2008 - 0:46
Hola Admin
No, no podes ver el fondo, el problema no es que el ligth box te lo tape, el problema es que lo quita.
Lo que te decia, es que no era un gris el que te tapaba el fondo, de hecho es un negro con trasparencia.
4 de Marzo, 2008 - 9:36
wilchea, alguna solución?
26 de Marzo, 2008 - 17:45
la solucion de matias funciona perfectamente, solo faltaria el tema del “next”.
2 de Abril, 2008 - 15:01
dissient: los problemas con los caracteres especiales y las tildes es en el formulario swf que tenga algún tipo de wmode. Los navegadores renderean como quieren los swf cuando tienen aplicado ese parámetro.
Alex, probaste la solución que di más arriba para que no quite los swf? A mi me ha funcionado perfectamente, pueden verlo en www.coinasagolf.cl
Saludos.-
4 de Abril, 2008 - 9:10
Muy buena solucion lo que estaba buscando… solo una cosa amigos podrian poner un ejemplo de un Lightbox que soporte HTML ocea que en lugar de abrir una foto sea una pagina web…
4 de Abril, 2008 - 9:26
urge uno Lightbox donde puedas habrir html desde flash claro…
saludosss…..
4 de Abril, 2008 - 13:54
Jose Gpe -> http://clipdepelicula.com/multibox/
4 de Abril, 2008 - 16:14
Muchas gracias admin y disculpame no fui especifico… tengo varias versiones de Lightbox con el ejemplo que pusiste en tu web solo puedo abrir una imagen.
tengo un sitio en flash www.comalcalco.tk y para subir una imagen (y colocar publicidad adsence) decidi abrir otra ventana por que mi sitio esta en 90% flash. Como integraba adsense en un site flash?? entonces creo que la mejor manera seria abrir un Lightbox (con el contenido html) asi poner mi animacion flash junto con adsense. Puedo hacer un upload en flash pero la cuestion es esa quiero integrar adsense.
Necesito un ejemplo de como abrir un Lightbox (con contenido html) en flash… de ante mano muchisimas gracias admin
4 de Abril, 2008 - 20:17
En http://www.phatfusion.net/multibox/ le das a HTML y te sale un ejemplo con lo que estas pidiendo. Es un como el lightbox pero que soporta HTML.
4 de Abril, 2008 - 21:48
ok gracias admin ||multibox|| ya lo habia descargado amigo la cusetion es que no se como ejecutarlo ocea llamarlo desde flash.
con ||Multibox|| como puedo ejecutar esto:
HTML page html
desde flash? si puedo ejecutarlo con varios Lightbox pero con imagenes y yo quiero que sea html. Disculpa las molestias amigo…
¿Como puedo ejecutar el codigo anterior desde flash con ||Multibox|| ?
4 de Abril, 2008 - 21:49
perdon no salio el codigo es:
HTML pagehtml9 de Abril, 2008 - 15:48
esto va para LuisC, si quieres llamar al lightbox desde flash pero que aparezcan el next y demás, te lo explican muy bien en http://blog.codefidelity.com/?p=18 y muchas otras cosas con lightbox y flash, como cargar películas swf.
espero haberte sido de ayuda.
Ciao
15 de Mayo, 2008 - 18:29
hola, estoy haciendo una web integramente en flash, tengo el index.html, la pag. principal en el level (0) con una botonera (level 1) en la cual tengo una seria de fotos que al darle click quiero hacerle el lightbox, ahora la pregunta es: si en el index tengo que colocarle el script en el head que mencionan al principio y si son mas de 5 fotos que scritp tengo que colocar.
Gracias de ante mano
15 de Mayo, 2008 - 20:44
Tienes que hacerlo tal y como lo pone en este post
17 de Mayo, 2008 - 22:54
he leido todo el post , y revisado una y mil veces los codigos tanto de la pelicula flash como del archivo HTML , tambien lo he probado subido a servidor , y no hay forma de que funcione. por favor necesitaria si me pueden ayudar con mas precisicion. con ambos codigos.
he leido por ahi que si el .fla esta creado con flash 8 no funciona la propiedad Go to URL .
muchas gracias
21 de Mayo, 2008 - 15:46
MIL GRACIAS A MATIAS!! me sacaste de una
27 de Mayo, 2008 - 12:47
pues ami, el lightbox me abre la imagen, pero me la abre muy muy abajo y al borde izquierdo nose porque es, aver si alguien puede ayudarme.
27 de Mayo, 2008 - 15:04
subelo a un sevidor para poder verlo y ayudarte
4 de Junio, 2008 - 19:20
Hola de nuevo, segui todos los pasos, pero no se que estoy haciendo mal que no me abre el light box ( lo subi al servidor y nada) a ver quien me tira un cable plis!!!!!
aca les dejo la web para ver si ayuda en algo www.namagazine.es
gracias!!!
4 de Junio, 2008 - 21:51
para que usas esto?
objLink.setAttribute(’href’,url);
10 de Junio, 2008 - 11:35
la verdad no tengo ni puta idea (perdon) de donde lo saque pero, lo borre de htmly sigue funcionar, borre todo y pegue todo de nuevo tanto lo del html como lo del boton de flash y nada ( como veraz quiero cargar un .swf ( que es la revista) asi que reemplace el image-1.jpg por el .swf es la unica modificaion que hice para lo que yo necesito.
tambien pobre con la image-1.jpg para si funcionaba y nada.
muchas por la ayuda admin.
4 de Julio, 2008 - 21:32
Buenas tardes para todos.
El ejercicio funciona bien.
Que se debe cambiar para que los botones de queden abajo junto o al lado del botón de salir X
Aquí esta como lo busco pero está en html y lo necestio en Flash:
http://www.phatfusion.net/lightbox/
Muchas gracias por su ayuda
14 de Julio, 2008 - 4:49
Gracias matias!!!
tu solucion al tema de la transparencia y el flash me salvaron!!!
20 de Agosto, 2008 - 18:56
Pretty nice site, wants to see much more on it!
30 de Agosto, 2008 - 19:11
[…] Abrir lightbox desde flash(Clip de película) […]
2 de Septiembre, 2008 - 5:16
Matias, mil gracias por el aporte al igual que al resto de los chicos, venía teniendo el mismo problema y al fin pude solucionarlo.
Abrazos!
25 de Septiembre, 2008 - 1:54
Estimados Sr, recurro a ustedes ante la desesperacion de no encontrar el error que me ocasiona el lightbox, sigo los pasos correctos, pero cuando lo pruebo en el servidor me indica error.
Le dejo presente la url donde lo estoy probando
http://www.colellapropiedades.com/light/
y el codigo que uso en el boton es el siguiente
on (release) {
getURL(”javascript:LightboxDelegate(’http://www.colellapropiedades.com.ar/light/v01.jpg’,’caption1′)”);
}
Uso la version 2004 de flash, tendra algo que ver?
desde ya muchas gracias
29 de Septiembre, 2008 - 20:36
Hola, gente alguno sabe como puedo hacer para que cuando se abra el lightbox, el sonido de mi pelicula siga funcionando??
Saludos y gracias…!
3 de Octubre, 2008 - 19:34
MUY BUENOOO MATIAS, en caso del html del swf puedes poner
GRACIAS
6 de Octubre, 2008 - 19:29
como hacen para agregar un grupo de imagenes? o que aparesca el NEXT?
10 de Octubre, 2008 - 19:00
alguien sabe action script, necesito ayuida con un clip de pelicula y botones gracias si alguien pudiera ayudarme ….porfavor
10 de Octubre, 2008 - 19:30
cual es es problema?? plantealo y luego veremos si alguien te puede echar una mano…
18 de Octubre, 2008 - 15:51
Hola, tengo un problema, a mi me funciona correctamente pero en mi caso tengo el index y dentro tengo leftFrame (vease menú) y un mainFrame (con imagenes) mi gran problema es que el light lo abro desde el mainframe y me deja el leftFrame sin el light, se puede llamar para que lo carge desde index.html?
no se si me he explicado, pero muchas gracias de antemano
23 de Octubre, 2008 - 0:28
А что, неплохо!
26 de Octubre, 2008 - 16:29
Your Web Site is really wonderful and I bookmarked it. Thank your for the hard work you must have put in to create this wonderful facility. Keep up the excellent work!
29 de Octubre, 2008 - 5:16
men, como puedo hacer que desde mi flash abra en vez de una imagen un HTML
gracias!!
29 de Octubre, 2008 - 10:09
Este abre html…
http://codeline.wordpress.com/2008/01/18/usando-moodalbox-%E2%80%93-un-lightbox-para-html/
2 de Noviembre, 2008 - 13:51
Puede ponerse una imágen en el fondo de autoviewer? cómo? Dónd epuedo encontrar el archivo .fla?
Gracias!
2 de Noviembre, 2008 - 21:52
una pregunta…. por medio de todos los ejemplos que han comentado…. podrian mostrar algun codigo que abra un html en vez de una imagen desde flash… este es un post muy interesante y me gustaria algun ejemplo
gracias:D