Comunidad de diseño web y desarrollo en internet online

Abrir Lightbox desde Flash

Ir a página 1, 2  Siguiente

Foros de discusión > Aportes

Citar            
MensajeEscrito el 19 Ago 2007 03:31 pm
Si necesitamos abrir una imagen con ligthbox desde flash tenemos que poner este código en el head:

Código :

<script type="text/javascript">
     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);
     }
</script>

…y en las acciones del botón flash que abrirá la imagen:

Código :

on (release) {
     getURL("javascript:LightboxDelegate(’image1.jpg’,'caption1′)");
}


Via:
http://clipdepelicula.com/abrir-lightbox-desde-flash/

Por clipdepelicula

237 de clabLevel



 

Valencia (España)

firefox
Citar            
MensajeEscrito el 27 Sep 2007 03:53 pm
Y algo importante con el problema del orden q se le asignan a los objeto y el swf queda por encima de la imagen q generamos con js.

Código :

<param name="wmode" value="opaque" /> 

ó en caso q se esté usando el swfObject.js :

Código :

so.addParam("wmode", "opaque"); 


Lo leí en:
http://www.csslab.cl/2006/09/01/lightbox-swf/

Por klamylo

14 de clabLevel



 

firefox
Citar            
MensajeEscrito el 27 Sep 2007 04:09 pm
Desde Flash 8, no debes usar javascript en un getURL. La forma correcta es usar ExternalInterface

Por Freddie

BOFH

53 tutoriales
597 articulos
43 ejemplos

Genero:Masculino   Admin

Conserje de Cristalab

firefox
Citar            
MensajeEscrito el 25 Oct 2007 04:09 pm
Por mucho que lo intento no consigo que se me vea el flash de fondo, se me pone el lightbox encima y no se ve nada, alguna idea??

Por Power_3L

56 de clabLevel



Genero:Masculino  

Stop();

firefox
Citar            
MensajeEscrito el 31 Oct 2007 08:09 am
este funciona correctamente...

http://clipdepelicula.com/descargas/lightbox%20desde%20flash.rar

Por clipdepelicula

237 de clabLevel



 

Valencia (España)

firefox
Citar            
MensajeEscrito el 26 Nov 2007 05:50 am
Estimados. Alguien sabe como llamar a LightBox desde Flash para que muestre mas de una imágen?. Hasta ahora he encontrado tutoriales que muestran como visualizar pero tan solo una sola imágen. (Si es utilizando SWFObject, mucho mejor). Desde ya, muchas gracias.

Por GF78

1 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 27 Nov 2007 02:52 pm
ni idea, si me entero aviso

Por clipdepelicula

237 de clabLevel



 

Valencia (España)

firefox
Citar            
MensajeEscrito el 21 Dic 2007 10:51 pm
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.

Por GF78

1 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 08 Ago 2008 07:44 am
wenas clipdepelicula muy weno!

sabes que otra herramienta de mootools que se llama pageloader?

pos sirve pa cargar paginas mediante ajax. la cosa es que kiera acer como tu...desde un boton flash... como seria la funcion???


saludosss!!!

Por bui3

71 de clabLevel



Genero:Masculino  

opera
Citar            
MensajeEscrito el 13 Ago 2008 10:39 pm
ni idea, ese nunca lo he probado

Por clipdepelicula

237 de clabLevel



 

Valencia (España)

firefox
Citar            
MensajeEscrito el 28 Ago 2008 11:06 pm
Que tal, checando informacion sobre lightbox, me surgio una duda y es de que al momento de llamar el Lightbox me desaparece el flash, estoy haciendo una prueba y espero tengan tantito tiempo de checarla, esta dentro de la seccion "architectural rendering" osea, el segundo boton, http://www.duplika.com.mx/arkimedia/ , mmm es raro ya que inclui

Código :

<param name="wmode" value="opaque" />


y tambien en embed

Código :

<embed src="Arkimedia.swf" quality="high" scale="exactfit" bgcolor="#000000" width="1000" height="600" name="Arkimedia" align="top" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" [b]wmode = "opaque"[/b]></embed>    


ya intente de varias formas y aun no encuentro el "detalle" , :roll: bueno muchas gracias de antemano y buena sintaxis para todos :D

Por MacMauro

8 de clabLevel



 

firefox
Citar            
MensajeEscrito el 08 Sep 2008 03:21 am
Hola, tengo una duda :shock: y quiero ver si pueden ayudar...

Tengo creoado en un apelicula flash una galeria de fotos, lo que quiero hacer es que al hacer cllic sobre la foto aparezca en grande con el efecto lightbox y que me aparexcan los botones de next y prev a los lados o en otra ubicacion, eso es lo de menos.

Con una sola imagen me funciona todo bien pero cuando pongo varias nos me aparecen dichos botones, tengo que agregar alguna array o algun codigo para poner la cantidad de imagenes que son?

Desde ya muchas gracias :D
Saludos

Por jdsolutions

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 27 Oct 2008 04:52 pm
Hola,

estoy mirando el tema de mediante botones en un flash poder abrir las imagenes mediante lightbox pero aun que he puesto el tema del z-index y el wmode "opaque" pero aun así sigue desapareciendo el flash, a parte de que usando el swfobject 1.5 o 2 me da problemas y no me aparece la imagen... y después de mirar por san google he encontrado muchos clones pero poca explicacion de implementacion con el flash... y ahora mismo estoy un poco cn punto muerto dandome cabezazos contra el teclado hasta q se me lean todas las letras XDDD

Alquien ha conseguido arreglar el tema del lightbox o hacer lo mismo con otro script??

Salu-2!!

Por sebasstian

50 de clabLevel



Genero:Masculino  

Barcelona

firefox
Citar            
MensajeEscrito el 30 Oct 2008 09:35 am
Hola a todos, a quien pueda ayudar; estoy llamando a lightbox desde flash, la acción del botón flash es la siguiente:

on (release){
getURL("javascript:LightboxDelegate('tucarpeta/img1.jpg','caption')");
}

luego, en el html, dentro de las etiquetas head:

<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<script type="text/javascript">
function LightboxDelegate(url,caption) {
var objLink = document.createElement('a');
objLink.setAttribute('href',url);
objLink.setAttribute('rel','lightbox[roadtrip]');
objLink.setAttribute('title',caption);
Lightbox.prototype.start(objLink);
}
</script>
y dentro del body el vínculo a cada imagen para que haga bien el roadtrip (siguiente y anterior):

<a href="tucarpeta/img1.jpg" rel="lightbox[roadtrip]"></a>
<a href="tucarpeta/img2.jpg" rel="lightbox[roadtrip]"></a>
<a href="tucarpeta/img3.jpg" rel="lightbox[roadtrip]"></a>
<a href="tucarpeta/img4.jpg" rel="lightbox[roadtrip]"></a>

Cuando vinculo una sola imagen, no hay problema con el roadtrip, pero mi intención es hacer un swf, que contiene varias miniaturas, para hacer un portfolio, y cada una de esas miniaturas, deberá abrir un lightbox con un roadtrip independiente, cuando pinchamos el primer botón, no quiero que pueda hacer llegar a las imágenes que corresponden al segundo, por muchas veces que le des a siguiente, y tampoco quiero que aparezca la suma de todas en la cuenta inferior: "Imagen 1 de 4". Con un sólo botón no hay problema con el roadtrip, pero cuando vinculo más de un botón en flash, pierdo el roadtrip. Imagino que habrá que incluir otra linea de script para cada roadtrip, o bien los <a href>, pero he probado con todo lo que se me ha ocurrido y no he dado con la solución, ¿Alguien tiene alguna idea de cómo hacer esto?

Le estaría muuuuuuy agradecido

Por javi:z7

6 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Nov 2008 09:07 pm
hola oye en algun caso te dieron solucion atu duda??
porke yo tengo la misma, agredeceria ,me avises o si ya lo solucionaste si me puedes enviar un ejemplo por ke no le cojo el hilo a esta cosa
gracias

Por niñogaara

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Nov 2008 11:42 am
No, no consegui respuesta a la pregunta, he optado por imitar el efecto directamente desde flash, un follón, pero es la única forma que he encontrado para hacer lo que quiero.
Lo siento, y si tu encontraras la solución, igualmente te agradecería que me lo dijeras.

Por javi:z7

6 de clabLevel



 

firefox
Citar            
MensajeEscrito el 10 Nov 2008 08:43 am
Bueno yo estoy igual. He decidido imitar el lightBox con una clase AS2.

Cuando la acabe y la deje lo más apañada posible seguramente la mandaré para compartirla con la comunidad.
Lástima que en mi agencia no haya tiempo de laboratorio y tenga q hacer estas cosas en ratos libres...

Un saludo a todos!!

Por sebasstian

50 de clabLevel



Genero:Masculino  

Barcelona

firefox
Citar            
MensajeEscrito el 23 Feb 2009 03:15 am
Hola, tengo un problema, sucede que tengo un un sitio Web en flash y me funciona perfetamente el lighbox para una imagen, pero ahora quiero hacerlo para que aparesca el Next para tener una galeria y nose como hacerlo, mi index.html tiene este codigo:
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);
}
y en el flash pongo este codigo para llamarlo:
on (release){
getURL(”javascript:LightboxDelegate(’images/imagen.jpg’,'titulo imagen’)”)
}

Ahora quiero aclarar que en el index.html solo hago llamado al SWF por que la pagina esta hecho en puro flash, no hay mas codigo HTML pienso yo, que la cosa seria en como llamar desde el actionscript al Java script de manera que me resulte una galeria pero como???

De verdad necesito ayuda en esto, gracias de antemano…

Un saludo

Por johnny14_02

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Mar 2009 10:22 pm
Hola Hola.... y alguno de vosotros ha podido abrir un html en un lightbox?
Ayuda porfis!

Por peroqueguapa

6 de clabLevel



 

chrome
Citar            
MensajeEscrito el 17 Mar 2009 03:05 am
Hola gente yo estoy implementando el código para llamar desde lightbox y todo bien, inclusive las imágenes de varias carpetas (bueno bien a nivel de funcionamiento) por IE 6 no se ve absolutamente nada, en firefox "se destruyen" las imágenes y en google chrome es el ÚNICO que si permite la visualización y el funcionamiento.

Bueno, pero la cosa no es esta resulta que ahora quiero llamar un lightwindow (emulación del lightbox, pero que permite flash y video, entre otras cosas) y tengo el siguiento código (copiado del lightbox)

Código :

 on (release) {
}
getURL("javascript:muestraImagen('images/img1.jpg', 'caption1')"); } 


esto es en el botón flash (donde está el error)...debe ser algo super tonto, no soy programador...tan solo soy diseñador gráfico.

y ahora el html

Código :

<!-- CSS -->
    <link rel="stylesheet" type="text/css" href="css/default.css" />
    <link rel="stylesheet" type="text/css" href="css/lightwindow.css" />
    
   <!-- JavaScript -->
   <script type="text/javascript" src="javascript/prototype.js"></script>
   <script type="text/javascript" src="javascript/effects.js"></script>
   <script type="text/javascript" src="javascript/lightwindow.js"></script>
   
   <script language="javascript">

          function muestraImagen(imagen, titulo, descripcion, autor)
  
          {
  
              myLightWindow.activateWindow({href: 'images/img1.jpg, title: 'wuebonadas', caption: blabla, author: 'CODE'});
 
          }
  
      </script>
  


bueno, espero que me puedan ayudar y contribuir en algo con la comunidad.

Saludos

Por lightwindow

4 de clabLevel



 

msie
Citar            
MensajeEscrito el 02 Abr 2009 12:12 am
sera que alguien me puede pasar algunos codigos que pueda insertar en mis botones swf para cargar con el sistema lightbox sistemas como: html, swf, pdf, video etc. solo tengo el codigo que abre fotografias... se los agradezco grandemente.

on (release){
getURL("javascript:LightboxDelegate('imagen/0001.png',' - imagen uno - ')")
}

gracias por su pronta respuesta y atencion.

Por melvincruz

3 de clabLevel



 

msie7
Citar            
MensajeEscrito el 18 Jun 2009 03:03 pm
Hola tengo el mismo problema que precenta la mayoria, solo que cuando abro el archivo swf desde dreamweaver las imagenes se reproducen a la perfecccion. pero al subir al servidor mi swf. y pinchar la imagen no da nada como si no cargara la imagen.


Pensaba subir el HTML al servidor y que ese quedara como vinculo pero me da una resolucion muy baja no se que hacer para que este se ajuste automaticamente a la pantalla.
Que puedo hacer Gracias y saludos.

Por mikuz_idm

8 de clabLevel



 

safari
Citar            
MensajeEscrito el 30 Jun 2009 01:35 pm
Hola encontre el drama.....para ver varias imágenes, en otra web ahora lo estoy probando para ver si funca, si es así poste la solución...

Por lks25

25 de clabLevel



 

Argentina

firefox
Citar            
MensajeEscrito el 30 Jun 2009 03:34 pm
Encontre la solución! xD para que aprezca los botones de prev y next image.

--------Adentro del head--------parte1 (llamamos a la libreria java, prototpyte, etc y al CSS)


<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox++.js" type="text/javascript"></script>



--------Adentro del head--------parte2 (declara la función java....GroupDelegate, varias imágenes.)

<script type="text/javascript">
function GroupDelegate(id) {
var objLink = document.getElementById(id);
Lightbox.prototype.start(objLink);
}
</script>

-------Adentro del Body----------(por cada imágen, que integrara la galería se la etiqueta con la ruta y un title)

<a id="paper1" href="http://www.hive-design.com.ar/archivos/light/images/caja1.jpg" rel="lightbox[papers]" title="Caja Supercargo"></a>
<a id="paper2" href="http://www.hive-design.com.ar/archivos/light/images/caja2.jpg" rel="lightbox[papers]" title="Caja Misladrillos"></a>
<a id="paper3" href="http://www.hive-design.com.ar/archivos/light/images/caja3.jpg" rel="lightbox[papers]" title="Caja Ibupirac"></a>


------Fin del Body--------


------En el Flash-------
1. convertir la imágen chica (thumbail) en boton.

----imagen1----

on (release) {
getURL("javascript:GroupDelegate('paper1')");
}


----imagen2----


on (release) {
getURL("javascript:GroupDelegate('paper2')");
}


----imagen3----


on (release) {
getURL("javascript:GroupDelegate('paper3')");
}



----------------ESO NOMAS Y LISTO-------------



http://www.hive-design.com.ar/archivos/light/test.html

así lo probe yo...y bueno hasta ahora funciona bien...perdón por mi léxico pobre en programación pero como dijeron anteriormente. NO soy programados solo un diseñador.

Esto lo saque de esta web ... http://blog.codefidelity.com/

(con este lightbox también se puede reproducir swf en el lightbox)


http://blog.codefidelity.com/downloads/partduex.zip

el link de arriba hay archivos de ejemplo....


Espero que les sirva ahora lo voy a testear en una web un poco más complicada para ver como va.


saludos.......BROTHERS IN ARMS......AGUANTE EL CLAB!!!

Por lks25

25 de clabLevel



 

Argentina

firefox
Citar            
MensajeEscrito el 29 Jul 2009 01:21 pm
Chicos, probé con el código del blog codefidelity y funciona perfecto!!!

El problema es que tengo varios botones, para cada uno abre una ventana con 2 o 3 imagenes diferentes.

En cada boton del flash puse el geturl respectivo a cada foto. El problema es que en esa misma ventana me sigue mostrando las otras fotos correspondientes a los otros botones. Es decir, me toma todas las fotos como si fueran parte de la misma serie.

Alguien sabe como puedo solucionar esto?

Por mandarina

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 22 Sep 2009 04:04 am
Fieras del Cristal Lab:
Como muchos, aqui, me he estado cabezeado como desaforado, tratando de que mi lightbox no tape mi flash base.
Les cuento, aplique el Lightbox y todo bien, solo que el flash desde que lo llamo(que a su vez esta dentro de un div en un HHML), desaparece cuando aparece el lightbox. Como carajos puedo arreglar esto?, sé que aqui hay muchos con la misma duda, sería bueno que los "hermanos grandes", del CL, nos ayuden.
Otro DETALLE que me ocurre, es que el fondo negro del LIGHTBOX, no cubre todo el ancho del browser, pero solo cuando se ve en resolucion de 800x600, en otroas resoluciones mas grande, no hay problema, AYUDAAAAAAAAAAAA.
aqui les tiro el link donde todo acontece
www.lpcomunicacion.cl/portafolio
Eso mis colegas.
Un fuerte abrazo

Por onelovetks

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 22 Sep 2009 05:24 am
Fieras del Cl:
Ya encontré la solución para que el ligthbox no tape el Flash, no se si es lo mas ortodoxo, pero funciona.
Simplemente hay que mofidicar el script en el archivo lightbox.js (son los archivos necesarios para que funcionen los lightbox)
Al final del codigo en este archivo encontrarán algo asi como :
<-------
function hideFlash(){
var flashObjects = document.getElementsByTagName("object");
for (i = 0; i != flashObjects.length; i++) {
flashObjects[i].style.visibility = "visible";
}

var flashEmbeds = document.getElementsByTagName("embeds");
for (i = 0; i != flashEmbeds.length; i++) {
flashEmbeds[i].style.visibility = "visible";
}

}
----------->

Si se fijan, donde dice "visible", normalmente diria "hidden", eso es lo que tienen que cambiar, en este caso ya esta cambiado a "visible"

Ahora queda un paso mas:
En su archivo HTML, donde tengan insertado el Flash, Busquen un parametro llamado "wmode", normalmente estara donde esté insertado el flash, ahi lo ponen en ""transparent" y listo:

Eso amigazos, ojala le sirva a alguien, pues a mi me ayudo de sobremanera.
Solo que aun no puedo solucionar mi problema que la parte dengra del lighhtbox no me cubre entero el tamaño del browser, alguna idea?????

Por onelovetks

3 de clabLevel



 

firefox
Citar            
MensajeEscrito el 20 Dic 2009 10:48 am
y si uso el rokbox? o el sexybox como seria para abrir una imagen desde flash?

Por rudemex

Claber

109 de clabLevel

1 tutorial

Genero:Masculino  

Buenos Aires. Argentina

firefox
Citar            
MensajeEscrito el 09 Mar 2010 07:12 pm
HOla onelovetks... no puedo encontrar el parametro wmode... alguna pista en donde estara??


saludos

Por lks25

25 de clabLevel



 

Argentina

firefox
Citar            
MensajeEscrito el 10 Mar 2010 02:06 am
en el dreamweaver seleccionas el object y enlas propiedades tene sun botonq eu dice "PARAMETROS" eos si esta en castellano.. si no tiene parametros no te preocupes agregale uno que sea

wmode transparent

o bien peude ser tmb

wmode opaque

con eso te funciona de lujo... podes verlo en esta web

www.xtremweb.com.ar
o
www.carpla.com.ar

saludos!

Por rudemex

Claber

109 de clabLevel

1 tutorial

Genero:Masculino  

Buenos Aires. Argentina

firefox
Ir a página 1, 2  Siguiente
Foros de discusión > Aportes

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.