LightBox 2
Marzo 14th, 2008LightBox 2 es un Script que se utiliza para mostrar imágenes ampliadas en una misma ventana. El script lo que hace es mostrar un div por encima de todo el contenido. El div se hace a medida de la foto y se atenua el resto. Luego con un click encima se cierra.
Hay una opción de ser de imágenes con el que luego con una foto bierta puedes ir pasando las siguientes.
Ejemplos de LightBox2
Marzo 20th, 2008 at 0:46
Hola, siento mucho interés por este visor de imágenes, pero desconozco la manera de incorporarlo a una pagina Web que tengo en construcción. Agradecería cualquier tipo de ayuda sobre los pasos que debo seguir para poder instalarlo y poder ver una serie de imágenes en dicha pagina.
Adelanto que mis conocimientos son muy básicos, y agradecería que la ayuda fuera lo mas practica y clara posible. Un saludo, Manuel.
Marzo 23rd, 2008 at 22:07
Hola Manuel.
La explicación que te detallo ahora, es la misma información que aparece en la página de Lightbox 2.
Primero hay que vincular los archivos Javascript necesarios cambiando las rutas si se precisa:
Luego hay que vincular también una hoja de estilos:
En esta hoja de estilos aparecen una serie de imágenes las cuales tendras que modificar la si las pones en un directorio diferente al del ejemplo: prev.gif y next.gif
Por último para agregar imágenes solo tienes que ponerlas de esta manera:
Donde pone my caption puedes poner una frase que aparecerá al pie de foto.
Si prefieres hacer un set de imágenes el tipo de código para las imágenes será como este:
Espero que te sea de ayuda, un saludo.
Marzo 24th, 2008 at 12:43
Agradezco mucho que me dediques este tiempo, intentare seguir los pasos que me indicas y espero poder conseguirlo. Un saludo, Manuel
Marzo 24th, 2008 at 13:25
Hola de nuevo.
Ciertamente te hubiera contestado antes, pero tube que instalar un plugin para el Wordpress para poder mostrar lineas de codigo.
Los javascript y la hoja de CSS los pones dentro las etiquetas HTML
y las imágenes dentro del
un saludo.
Marzo 24th, 2008 at 15:20
Yo lo tenía en mi blog, es muy bonito... pero lo desinstalé porque lo vi algo inutil. Bueno, quizás en el futuro me de ganas de ponerlo otra vez
Marzo 24th, 2008 at 16:53
Yo tengo instalado el LightBox 1 en la zona de fotoblog, aunque sirve para todo el blog, así si en algún momento quiero ampliar una foto es muy rápido y sencillo.
Julio 10th, 2008 at 0:54
como hago pa ponerlo en mi hi5.. me pueden dar los pasos xf gracias
Julio 10th, 2008 at 20:11
Hola, Hola....
Verás yo uso Hi5, pero sinceramente no creo que se pueda acoplar Lightbox2 en esa comunidad. Se que te dejan cambiar algunas cosas de la interfaz mediante CSS, pero de ahi a incrustar lightbox...
Bueno si algun usuario sabe como hacerlo, le invito a crear un post explicativo.
Un saludo!
Octubre 10th, 2008 at 3:38
estoy tratando de utilizar LightBox pero cuando lo subo a mi servidor no funciona no se a que se deba esto, ya que cuando doy clic sobre la imagen me abre una pagina nueva del internet explorer,sigo los pasos como se muestran en todas las paginas, pero siempre llego a la misma conclusion de que no me funciona cualquiera ayuda estare totalmente agradecido
Octubre 10th, 2008 at 8:28
Hola Florencio.
Cuando pasa eso, normalmente es porque no te carga bien alguna de las librerias o porque no has puesto el rel="lightbox" en la imágen.
Fíjate bien en las rutas de las librerias de javascript y que tengas el rel="lightbox" en cada foto.
Un saludo
Enero 15th, 2009 at 18:41
holaa a todos:stoy muy interesada en utilizar este aplicativo . per el pequeño detallito es en esta linea:
image #1
ecaxtamente aki: title="my caption" no se si se pueda mostrar los datos jalados desde un .txt. osea un archivo aparte. esk necesito mostrar la descripcion de cada foto... gracias por la gran ayuda que me puedan dar
Enero 19th, 2009 at 11:28
Hola MaryCarita
Tan larga es la descripción que no te vale ponerla en el "title"?
Enero 29th, 2009 at 8:00
hola acadio.
logre solucionar mi problemita. pero ahora me surge otra necesidad :S .. modificar el tamño de las fotos al momento de mostrarlas.. osea ponte k tenga una foto de 1500x1700 y ps si me la muestra del mismo tamaño me ocupa mas que misma la pantalla. :S... gracias por la gran ayuda k me puedan dar.
Enero 29th, 2009 at 16:58
Hola gente de esta gran comunidad, estube revisando las diferentes galerías que hay pero no encuentro una que se aproxime a los requerimientos que quiero, entonces les quería pedir su recomendacion.
LO que necesito es algo parecido a esto
http://lima.beta.2night.com/photos/b...622/excess-bar
que las fotos de abran usando Lightbox o similar y lo importante que tenga la opcion de enviar la foto como archivo adjunto a un email ( puede valer también lo de enviar aun amigo que creo que no es precisamente adjuntado, ojo que no deseo enviar como postal si no simplemente enviar la foto ya sea adjunto al correo o como html que lo vea directo en el email, asi como la pagina de ejemplo)
Si alguien conoce algún componente por favor me ayude en esto.
gracias.
Enero 29th, 2009 at 17:00
ACA ESTA EL LINK SORRY EL ANTERIOR NO FUNCIONA
http://lima.beta.2night.com/photos/bars/83622/excess-bar
Enero 29th, 2009 at 22:58
Hola Acadio:
Te agradecería me puedas ayudar con el Lightbox.
Tengo todo bien cargado. Seguí las rutas y sin embargo me pasa lo mismo que a Florencio. No entiendo por qué no se ve en el explorador. Estoy trabajando con DreamWeaver. Muchas Gracias!
Enero 30th, 2009 at 0:39
Respondo a todos en un Post.
Hola maryCarita, la cuestión es que debes subir las fotos previamente bajadas de tamaño con el Photoshop. Las imágenes no se pueden poner en un tamaño original, se deben tratar para web.
Hola Juan Carlos.
Personalmente no conozco ningun tipo de Script que haga lo que tu dices. Existe Lightbox, ThickBox y LightWindow entre otros y ninguno hace lo que comentas. En lightBox puedes modificar el javascript "lightbox.js", pero deberás hacerlo a mano.
Hola Cris.
Si lo que te hace es que te carga la foto en una página en blanco lo más probable es que script no se está ejecutando correctamente, sea porque las rutas del lightbox.js no son correctas o porque no has puesto el tag rel="lightbox" correctamente en la foto. Igualmente Necesitaria un poco más de detalles sobre el error o el ejemplo.
Un saludo
Enero 30th, 2009 at 12:38
Hola Acadio
Gracias por responderme, muy gentil. Pongo las librerias java script en el header, como corresponde. El atributo rel=lightbox también lo pongo en cada imagen. La cuestión es que dentro del editor DreamWeaver anda perfecto. Cuando subo la página al servidor es cuando me abre la imagen en otra pagina en vez de ejecutar el efecto lightbox.
Eso lo pongo en el header, antes de cerrarlo. Fijate que tengo una carpeta para js, otra para css y otra para images.
Esas son las imagenes, con el tag rel=lightbox que estan dentro de la carpeta images.
Las carpetas js, css e imagenes estan dentro de la carpeta raíz del sitio.
Espero te sirva lo que te envío para que me puedas ayudar.
Muchas gracias!
Enero 31st, 2009 at 1:25
Hola Cris.
Normalmente cuando en local funciona correctamente y al subir los ficheros no funciona suele ser por tema de rutas... Prueba de poner las rutas absolutas.
Si quieres pasame la dirección donde estas colgando.
Un saludo
Enero 31st, 2009 at 12:20
Hola Acadio
Ahora veo en el explorador la imagen y se oscurece un poco.
Me faltan las imagenes de Next y Prev mas CLose. (van dentro de la carpeta images o la carpeta js?)
También me parece que es problema de ruta.
Saludos!
Enero 31st, 2009 at 13:07
Hola de nuevo Acadio
Mirando algunas explicaciones, creo que aquí esta mi problema:
"Compruebe el CSS y asegúrese de que la referencia prev.gif y next.gif archivos están en el lugar correcto. También, asegúrese de que el loading.gif y close.gif archivos como referencia cerca de la parte superior de la lightbox.js archivo están en el lugar correcto".
Ahi debería usar la referencia absoluta?
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 53% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 53% no-repeat; }
Muchas gracias
Febrero 1st, 2009 at 1:14
Hola Cris.
Yo cuando monto una web con Lightbox siempre cambio esas rutas, las de la hoja de estilos y las del java script y las pongo absolutas. Solo debes quitar los dos puntos de la ruta.
Un saludo ya me contaras
Febrero 2nd, 2009 at 12:10
Hola Acadio
Ya probé también con ello. Dejé solo images/prev.gif. Tampoco me da resultado.
En la carpeta js, en el archivo lightbox cambié la dirección de los botones, agregandole images/prev.gif para que lo encuentre y tampoco pasa nada.
La cuestion es que aparentemente tengo todo bien.....pero no anda! Bueh, seguiré probando.....
Gracias
Febrero 2nd, 2009 at 16:38
Reholas Cris
no pongas: images/prev.gif tienes que poner: /images/prev.gif con la barra al principio de todas las rutas
Así deberia ir seguro.
Febrero 3rd, 2009 at 13:08
Hola de nuevo
REcién hice el cambio que me sugeriste y nada.......
Cómo pusiste los códigos y las carpetas en tu sitio? Quizás se me está pasando por alto algo y no me doy cuenta, quién sabe.
Muchas gracias.
CRis
Febrero 6th, 2009 at 12:25
Hola Cris
Siento tardar tanto en contestar.
Yo tengo suelo ponerlo asi:
el lightbox.js, prototype.js, scriptaculous.js, effects.js y builder.js en la carpeta "js"
El lightbox.css en la carpeta "CSS"
Las imágenes en la carpeta images
Y todo con rutas absolutas. Nada más
Febrero 6th, 2009 at 17:50
Hola Acadio
GRacias por contestar, no problem.
Bueno, asi exactamente las tengo yo.
Ahora me muestra la imagen y se oscurece la pantalla. Me faltan los botones Close, Prev y Next y que la imagen salga en el centro de la pantalla.
Muchas gracias!
Cris
Febrero 6th, 2009 at 19:24
Hola de nuevo!
Ya está! Solucionado Acadio. Qué tontaaaa, no había subido algunos archivos al servidor.
Con razón tenía todo bien pero no andaba!!
Mil gracias por tus respuestas, muy gentil de tu parte.
Cris.
Febrero 9th, 2009 at 23:34
Hola Acadio
Anda todo perfecto, pero demoran en cargar las imagenes cuando lo ejecuto en el explorador. Incluso algunas no cargan.
Puede ser por el tamaño de las imagenes? A veces carga la primera y las demas quedan esperando...
Gracias por tu ayuda.
Cris.
Febrero 11th, 2009 at 11:17
Hola de nuevo Cris!
He andado un poco liado estos dias.
Me alegro de que ya te funcione.
Las imágenes debes tratarlas con el Photoshop antes, no se si las guardas en formato web... no se que tamaño tiene cada imágen...
Febrero 11th, 2009 at 12:19
Hola de nuevo Acadio!
Gracias por responder.
Las imagenes las trataba con otro programa, pero ahora estoy viendo el Photoshop y veo como queda.
Gracias!!!!!!
Cris
Febrero 13th, 2009 at 16:13
Hola amigos : soy Francesc i estoy intentando aplicar este afecto en mi nueva web pero el problema es que cuando lo abro en mi pc se me abre normal es decir se me abre con una nueva pagina no hace el efecto de fundido en la pagina i se abre la fotografia esto siguiendo las instrucciones de Acadio agradeceria que alguien me diera una pista de donde meto la pata de verdad lo agradeceria mucho.
Pido disculpas si he entrado como no debiera en este blog.
Gracias a todos i un saludo:
Francesc.....
Febrero 16th, 2009 at 21:49
hola un aviso para todos
el lightbox no funciona en IE8 las imagenes no cargan solo carga la primera y cuando tratas de cargar otra foto se queda pensando
revisen ese error por favor
ya lo he visto en algunos foros
http://www.eggheadcafe.com/software/aspnet/33191494/lightbox-not-working-righ.aspx
Febrero 17th, 2009 at 9:53
Hola Francesc.
Normalmente cuando te carga la imagen en una página en blanco es porque no se esta ejecutando el código de lightbox. Ya sea porque las rutas no son correctas de las librerias javascript o poruqe no se han subido las librerias al servidor o poruqe el tag LIghtbox no se ha puesto en las fotos.
Un saludo.
Febrero 17th, 2009 at 9:57
Hola Digital Group.
Grácias por el aviso, pero es lógico que como siempre el IE (Cualquier versión) de problemas....
Demomento no lo he probado en un IE8.
En todo caso Xcitingart no somos los creadores de Lightbox, ya que los creadores son: http://www.huddletogether.com/projects/lightbox2/
Atentamente.
Febrero 20th, 2009 at 6:05
Las carpetas de lightbox se ponen dentro de la carpeta donde se está trabajando, ya que la carpeta donde se está trabajando es la relativa.
En todo caso, la absoluta siempre es la opción.
Febrero 26th, 2009 at 22:17
estoy empesando en esto de paginas web uso drimeweaber y toy contento esta explicación de tu tutorial es aprueba de tontos en el buen sentido de la palabra pos yo le entendi y lo pude hacer me costo un poco pero pude y te lo agradesco bro...
Marzo 4th, 2009 at 11:25
HOla Juan Carlos, muchas grácias amigo para eso estamos
Marzo 9th, 2009 at 18:03
Hola, tengo un problema en IE. La página que tengo, es alargada y cuando pincho para que se vea la imagen ampliada, el fondo oscuro no se me pone por toda la página, sólo se me queda al principio. ¿Podría alguine ayudarme?
Gracias
Marzo 13th, 2009 at 23:36
Hola Arcadio
Llevaba días intentando ver qué pasaba con las rutas a los botones y porqué no se veían...probando las rutas absolutas no me ha funcionado hasta ahora.
Finalmente he probado agregando la carpeta "lightbox2.04" a la ruta y listo!
O sea que la ruta queda así: lightbox2.04/images/nombre.del.archivo.a.linkar.gif
Además no veía el botón de cerrar.
Fuí a la carpeta js y allí modifique el archivo lightbox.js (de nuevo he agregado la carpeta "lightbox2.04" a la ruta) y listo!
Ahora todo funciona perfectamente.
Debo decir que fuiste tu con el tema de las rutas el que me dío la pista a la solución.
Salu2 cordiales.
Marzo 14th, 2009 at 1:18
Hola Ubide.
Bueno en principio como siempre el IE da problemas para todo. Una vez me pasó ese caso al montar el lightBox y creo que fue por algun estilo tipo position:relative en los estilos de la web.
Te recomiendo que te instales la extensión Firebug para Firefox que permite ver los estilos que hay aplicados a un div.
Saludos
Marzo 14th, 2009 at 1:20
Hola Antonio.
Bueno el problema de las rutas al instalar LightBox es muy común.
Poniendo las rutas absolutas bien puestas no tiene porque haber problema.
En todo caso si ya te funciona perfecto.
Un saludo
Marzo 18th, 2009 at 17:55
Hola
Yo también tengo problemas al usar lightbox. He seguido las instrucciones y creo que el problema lo tengo en las rutas pero no consigo solucionarlo. De momento solo estoy probando en local.
En un archivo llamado galeria.html situado dentro de la carpeta lightbox (dentro estan las carpetas js, css e images)
entre las etiquetas head
y en el body:
image #1
con eso solo aparece un link, y al clicar no hace nada.
Gracias
Marzo 27th, 2009 at 0:47
hola,
subí la lightbox y al clickar en laminiatura se carga la aplicación pero ésta se queda eternamente en
la fase de loading.
por qué puede ser?
muchas gracias
Marzo 29th, 2009 at 19:35
Hola Acadio
Se pueden poner las flechas o los botones de PREV, NEXT por fuera de la imagen en Lightbox?
Muchas gracias
Marzo 30th, 2009 at 8:36
Hola Luis.
Siento contestar tan tarde, pero ultimamente no tengo tiempo.
Imagino que es la ruta a la imagen grande lo que te esta fallando, un saludo
Hola Cris.
Supongo que se debe poder, pero tendras que cambiar bastante los estilos de Lightbox en el archivo lightbox.css e ir con cuidado para que se vea bien en Explorer y en Firefox.
Un saludo
Abril 3rd, 2009 at 22:48
Hola estoy intentando instalar el lightbox 2 para una galeria de fotos en mi web. Cuando miro el diseño en Internet Explorer pero en mi ordenador todo va bien sin embargo cuando lo cargo en el sitio hospedador me ocurre lo siguiente, la carga de la foto la hace en la misma pagina parental muy abajo en lugar de como debería ser. Aqui el enlace para que lo puedan ver. Necesito saber que hacer para solucionarlo, antes de subirlo bien, una vez subido mal, y sin embargo los codigo fuentes de ambas son identicos. Ya no se que hacer:
http://www.filosofia.tk/animalia/galeriafotografica04.htm
Abril 7th, 2009 at 3:48
Hola a todos!, Pues bueno a mi me ocurre un problema muy extraño, pongo todo, y va fenomenal, mejor, de escandalo! Todo funciona la perfect, pero al cabo de dos dias... deja de funcionar... , le das al thumbail te la foto... y en vez de oscurecerse la pantalla y ver la foto, lo que ocurre es que sigue la ruta marcada... y se ve la foto sola, sin web ninguna... :S Es muy raro, en principio seria por fallo en las rutas, pero no. todo esta bien, pero resubo la pagina de nuevo y ya va bien, pero a los dos o tres dias...Zacks! otra vez falla... Y ando loco Ya...
Alguna idea?
Abril 7th, 2009 at 8:51
Hola Keane.
Lo tuyo es para llamar a los de Expediente X.
Bromas a parte, las cosas solas normalmente no dejan de funcionar. Me gustaria saber si durante esos dos dias sigues actualizando la web y pudiera ser que te cargaras alguna cosa.
Verás cuando Lightbox va directamente a la foto y la carga en una pagina nueva es porque las librerias de Javascript no se estan ejecutando o que de alguna manera si usas un CMS y el editor te estubiera quitando el tag rel="lightbox" que a veces pasa.
Un saludo
Abril 9th, 2009 at 18:46
Un Saludo,
Muy buen post.
Tengo un problema con Internet Explorer. El efecto de Lightbox se vé correctamente en Firefox, pero en Internet Explorer me abre otra ventana con la imagen. Estuve leyendo pero en mi caso las rutas están bien por que efectivamente en Firefox muestra todo bien.
Alguno ha tenido este mismo problema de ver el efecto bien en Firefox pero no en IE. ??
Muchas gracias
Abril 20th, 2009 at 19:34
hola
les comento tengo un problema con mi pagina que estoy realizando
cree 2 galerias de imagenes con lightbox2.04 cada una en una pagina diferente, lo subi al servidor zobyhost.com. y aqui comienza el problema, solo me muestra una galeria de imagenes la otra simplmente no muestra nada.
que puedo hacer, eh intentado de todo.
nota:. si levanto la pagina en mi pc con servidor xammp no hay ningun problema, me muestra las dos galerias que cree.
desde ya muchas gracias
Abril 26th, 2009 at 15:20
Que tal usuarios, tengo una inquietud, yo coloque el efecto del Lighbox en mi web, y funciona bien, pero yo deseo que me salgan las pestañas del ATRAS Y ADELANTE segun el LIGHBOX 2.0 y que lo trae pero no he logrado que me salga eso, ya no se que hacer, si me pueden ayudar
Abril 27th, 2009 at 19:09
Leandro
mira rutas y mayusculas y minusculas tanto en rutas si has puesto como en los ID.
Gerardo
Abre la hoja de estilos lightbox.css y el javascript lightbox.js alli encontraras algunas rutas de imágenes que deberás cambiar, un par de rutas son las de next y prev
Un saludo
Abril 27th, 2009 at 20:19
Hola a todos! queria saber si es posible agregar mas de un "title" en la sentencia, para que el texto ingresado quede en distintos renglones. por ejemplo
1) nombre de foto:
2) texto ingresado:
yo tenia tambien una galeria en xml y me paso lo mismo, nunca pude hacer 2 titles para ingresar texto en dos renglones diferentes.
espero que puedan ayudarme, muchas gracias!!!!!!!
Abril 27th, 2009 at 20:26
quizas es posible hacer que el title llame a un txt,, asi llamaria el texto de cada imagen por separado. no se que es lo mejor.. que opinan??
Abril 27th, 2009 at 22:45
Hola Jay.
Prueba de poner un BR en la cadena de texto, ya sabes el tag de HTML.
un saludo
Abril 29th, 2009 at 1:39
hola acadio, gracias por responder..
sabes que intenté ya con eso, pero no pasa nada.
la linea de codigo es algo asi
el BR no lo baja.. alguna otra sugerencia?
gracias de antemano!
Abril 29th, 2009 at 1:42
title="Nombre del producto - textoingresado"
Abril 30th, 2009 at 8:32
Reholas.
Prueba con /n a ver qeu tal.
Mayo 4th, 2009 at 17:36
BUenas amigos! estoy probando lightbox y veo que en safari y en IE8 no funciona...algún consejo? gracias!
Mayo 7th, 2009 at 2:22
Necesito que una imagen se exhiba con este lightbox ni bien se carga la página html, sin tener que clickear en ninguna parte. ¿Alguien sabe cómo se puede hacer esto?
Mayo 7th, 2009 at 8:35
Hola Pablo.
Creo entender que quieres que se ejecute solo y te muestre una imagen?
Hay otro componente que se llama Lightwindow, este ya tiene una función para ejecutarlo automáticamente desde javascript. http://www.stickmanlabs.com/lightwindow/
Pruebalo es parecido a Lightbox pero con más opciones como cargar HTML, imágenes, videos, etc...
Un saludo.
Mayo 7th, 2009 at 8:37
Hola Fedex
No lo he probado aun en IE8 y no se realmente por donde puede fallar...
Realmente la mejor solución siempre para todos es cojer el IE8 y tirarlo a la basura...
Ahora en serio prueba el Lightwindow, es otro componente de caracteristicas similares con mas opciones incluso:
http://www.stickmanlabs.com/lightwindow/
Un saludo.
Junio 8th, 2009 at 17:46
Hola...
Antes que nada gracias a todos los que hacen posible este intercambio de informacion.
Tengo el mismo Problema que tiene Trivio y quisiera saber si es posible que me puedan hechar la mano.
Me funciona todo pero la imagen aprace muy por debajo de la pantalla donde quiero que se vea la imagen.
Septiembre 11th, 2009 at 10:22
tengo instalado el lightbox2, en elocal funciona perfectamente pero en el servidor las fots quedan en loading y no cargan, ya mire todo y no se porque lo hace. gracias
Octubre 14th, 2009 at 4:53
Hola Acadio, tengo un problema con el lightbox, espero me puedas ayudar:
Tengo un div donde se cargan textos e imágenes, con lightbox. Las rutas están bien, el "rel" lo tienen, etc.
Al abrir la página por primera vez, el lightbox funciona perfecto.
Según lo seleccionado en un menú, el div se recarga con innerHTML, con nuevos textos e imágenes, también con lightbox, con "rel" y todo lo mismo. Pero las imágenes se abren en una nueva página, no toma el lightbox.
Viendo el código fuente del div, no hay diferencias entre la página inicial y la página con el div recargado. Pero solo funciona la primera vez, al recargar el div no funciona más.
Sabrás cuál puede ser el problema?
Gracias!
Octubre 15th, 2009 at 1:52
Una consulta, activo el lightbox desde un boton situado en un DIV. Tengo el probelma que en el IExplorer el boton de accion al LB se mueve aproximadamente 2 pixeles. No se que más hacer.
Octubre 20th, 2009 at 20:53
Saludos a todos!
He leido sus indicaciones pero no logro ver como hago para que me salgan las pestañitas prev y next cuando abro una imagen en lightbox.
¿como se cambian las rutas del js y del css?
gracias
Octubre 20th, 2009 at 21:03
veran, el lightbox de mi web funciona pero no logro que en cada imagen ampliada me salga el prev y el next.
Yo tengo todas las imagenes en la carpeta image del lightbox.
Pero no se donde poner estos codigos
1.
image #1
2.
image #2
3.
image #3
Es que veran.. tengo una web hecha en flash pero esta maquetada en dreamweaver , ese codigo si lo pongo en el body del dreamweaver me funciona , me abre las fotos pero fuera de mi swf con tres palabras que son vinculos image #1image #2image #3
vean mi web a ver si alguien me hecha un cable, estoy desesperada gracias!!
http://www.criaderocantillana.com/
Noviembre 16th, 2009 at 20:52
Buenas compañeros, haber si me podeis ayudar. el caso es que despues que me ha costado un .... que me salga el ligthbox, cuando me sale, no me sale la x de close y mi pregunta es ¿ donde veo yo la ruta, porque si salen las demas fotos..?
Un saludo.
Noviembre 18th, 2009 at 19:29
Buenas de nuevo. El que la sigue, la consigue. Me salió, pero ahora el preblema, es otro. Me sale el primer ligthbox perfecto, pero a partir del segundo, pierde el efecto y sale demasiado rápido, vamos, que sale la foto seguida con el fondo negro, pero si el efecto. Me marca error en el código:
¿donde está el fallo?. La foto se cierra desde cualquier lado del efecto, para si os vale.
Gracias de antemano. A ver si os ha pasado lo mismo.
Un saludo y gracias por compartir.
Noviembre 19th, 2009 at 8:13
hola, oie estaba leyendo y antes k nada, gracias por compartir,
el problema esta aki kiero hacer el lightbox pero solo quiero poner
un thumb y k al picarle ahy se cargue una carpeta con mas fotos,
no se si me explike no ayo en ningun lado como hacerlo tu sabes?
gracias de antemano
Noviembre 26th, 2009 at 12:40
Saludos a todos... tengo un problema que me trae dolor de cabeza con el cliente...
tengo una página con galerias en lightbox la cual funciona en google chrome, mozilla e internet explorer, pero en este último sólo a partir de la versión 8 de ie... los que tienen la 6 o la 7 no ven la galería.. al pulsar la imagen parece que carga, o sea, se oscurece pero no sale la imagen,
estoy ya loca por solucionar esto y quitarme a este cliente de una vez,,
¡ojalá puedan ayudarme!!!
la web es...
www.criaderocantillana.com
Diciembre 8th, 2009 at 20:56
nadie sabe nada????
Diciembre 9th, 2009 at 16:45
Margarita, pues yo tengo ie 7 y lo veo perfectamente.
Un saludo
Diciembre 9th, 2009 at 17:56
hola, tengo un problema con el lightbox...
lo que sucede básicamente, es que no anda...
me fije en lo de las rutas y probe de diferentes formas, el rel está bien, y las etiquetas que van en el head tienen que estár bien porque las copie tal cual...
lo que me parece que está pasando es que no ejecuta el script
la verdad que se me quemaron los libros, encima de javascript no se demasiado así que no quiero meter mano... estube viendo también el codigo fuente de algunas páginas en los que si funciona, pero lo mio está igual
En la página: http://www.lokeshdhakar.com/projects/lightbox2/
dice esto:
"Support
It doesn't work at all. The image opens up in a new page. What's wrong?
This is commonly caused by a conflict between scripts. Check your body tag and look for an onload attribute. Example:
A quick fix to this problem is to append the initLightbox() to the onload attribute as so:
"
osea que, lo que suele suceder es causado por un conflicto entre scripts. Y me dice que me fije en la etiqueta body y busque un onload attribute... y despues da el ejemplo...
1- ¿que?
2- aunque no se que quiere que haga, trate de hacerlo como pude y tampoco funcionó...
Diciembre 9th, 2009 at 18:44
Perdón, no salió el código, olvide las comillas:
This is commonly caused by a conflict between scripts. Check your body tag and look for an onload attribute. Example:
""
A quick fix to this problem is to append the initLightbox() to the onload attribute as so:
""
Febrero 16th, 2010 at 14:30
Hola a todos, estoy empezando a trabajar con lightbox y el primer problema que me ha encontrado es que al abrir la imagen grande, aunque este dimensionada a un tamaño determinado, la imagen sale bien de tamaño, pero se visualiza sobre un fondo muy grande, no se si me explico bien, , se ve toda la pantalla negra y en el fondo la imagen, yo lo que quiero es que se abra con un fondo determinado, ya que esta visualizada sobre un frame y se me descoloca todo, se va para la derecha y para abajo???
Gracias a todos
Marzo 2nd, 2010 at 16:42
Hola !
A través de diversos foros y un poco de atrevimiento en el códigopude armar mi galería en LightBox (versión 2). Ahora bien, no aparecen las flechas de siguiente y anterior..... Y otra pregunta FUN-DA-MEN-TAL es al poner el LightBox en el Head, cómo hago para ubicarlo donde yo quiera en una HTML que pueda estar armando ??? Por default me sale al tope de la pantalla y no sé comoponerlo dentro de una tabla (trabajo con Dreamweaver). Esas son mis dos consultas urgentes.
Muchas gracias y espero tu respuesta.
Marzo 4th, 2010 at 16:22
Hola saben tengo el mismo problema que "Diego", la primera vez que entro a mi página el lightbox funciona perfectamente, pero despues recargo un div con jquery y los link en vez de abrirse dentro de un lightbox , se habren en una nueva página, alguien me puede ayudar con eso por favor.
Adiós
Marzo 17th, 2010 at 15:00
Hola A todos tengo un drama con el lightbox, es que en el firefox funciona super bien pero en el resto de los exploradores no aparece todo , osea que no ocupa toda la pantalla como en firefox..alguien puede darme alguna idea..sera el css?? pero no quiero tocarlo aun si no es ahi el drama..creo que tengo el mismisimo problema de JOHAN !!
tENGO QUE ENTREGAR EL TRABAJO ESTA SEMANA Y NECESITO CORREGIR ESO PERO NO ESTOY PUDIENDO DARLE AL BLANCO.
SALUDOS
ATTE
Abril 1st, 2010 at 0:21
Hola chicos, yo uso lightbox en varias paginas y anda espectacular... yo tuve el mismo problema que algunos de Uds. que lo puse y me habria en una ventana diferente... era porque como referencia tenia otras hojas de estilos que usaba los mismos atributos (incluso se superponian nombres) que lightbox, por ahi cambien la referencia de dichas utilidades...
Mi consulta es la siguiente... es posible poner que me habrán las imagenes de un tamaño estandar????
Abril 1st, 2010 at 21:04
hola chau
Julio 12th, 2010 at 9:45
una consulta : tengo una seccion dentro un html donde pongo varios thumbs (el lightbox2 me funciona correctamente ) el tema es que me gustaria que cada thumb abriera su propio set de imagenes ...metiendo mano consigo hacerlo pero hago click en el thumb1 ...abre el lightbox y me dice abajo 1/45 donde 45 es el total de thumbs que coloque entonces cada thumb en realida cuando abro el lightbox relaciona todos los sets ---hay alguna manera de que cada thumb me muestre unicamente el set que le pido? y no todos los sets que estan contenidos en los demas thumbs...no se si me explique bien ....si hace falta puedo subir un ejemplo....si tienen alguna solucion seria grandioso....un abrazo y gracias de antemano por la ayuda
Julio 26th, 2010 at 1:40
mira acadio lo que pasa es que e agregado todo como decis sin embargo no se por que no se ve el x close se ven bn las imagenes en el explorer se ve todo pero aparece como si no encontrara la imagen de close. como podrias ayudarme por que en realidad no e modificado nada en cuanto al codigo de la carpetas css, ni js sin emabrgo no veo el close cuando corro explorer. eso por una parte pero cuando corro el mozilla no veo nada a que se debe.
gracias y se que estas muy ocupado, pero agradeceria tu atencion
saludos cordiales
Agosto 9th, 2010 at 13:08
Saludos Lighteros!
Problema: Se abre y carga la imágen pero por un segundo, luego desaparece
Buenos días Arcadia y a todos/as
No es la primera vez que instalo el lightbox, pero si es la primera vez que me pasa lo que os comento arriba, lo hace con todos los navegadores, opera, firefox y claro explorer...
Todo funciona, o sea que no es problema de rutas...carga la imágen pero de inmediato desaparece, se ve el contenedor blando e incluso si te colocas encima los indicadores next-preview
Humm.....raro
Gracias de entemano por la ayuda.
Sokratyks
Agosto 13th, 2010 at 17:00
Hola... Tengo un expediente X con Lightbox. Ha estado rodando perfectamente durante dos meses. Se trata de una galería de fotos para un hotel. Al meter la carpeta de un segundo idioma (la web entera de nuevo traducida y cada lightbox colgando del árbol del idioma correspondiente) seguía funcionando perfectamente tanto en español como en italiano (carpetas raiz distintas). Al cabo de unos días ha dejado de ir sin haber actualizado nada.... Ahora abre la foto sola en una página nueva en blanco. He comprobado los Rel, las rutas... Todo bien. Pero es que tampoco va en la copia que tengo en el disco, ni en la que hay en otro servidor ajeno al principal en el que hace dos meses que no se toca nada.
Las páginas de galería son dos en cada idioma (dos hoteles), y los dos en cada idioma "chupan" las librerías y las imágenes de las mismas carpetas. Además, hay algún flash insertado en esas páginas (el menú, algún banner, etc). Dime si necesitas más datos. Pero es que iba fenomanal la semana pasada y sin subir nada más se ha desactivado!!!!
En fin... SOS!!! Y muchísimas gracias de antemano.
Raquel.
Septiembre 16th, 2010 at 18:04
Hola.
Podrían ayudarme con el siguiente problema: Necesito que las imagenes de NEXT y PREV aparezcan fijas desde que carga lightbox, es decir que no aparezcan cuando coloco el cursor sobre los lados, suino que se muestren siempre desde el inicio de la carga.
Gracias de antemano, espero me puedan ayudar.
Saludos.
Septiembre 23rd, 2010 at 0:33
Tengo la misma necesidad que Carlos, necesito que los botones prev y next esten fijos... eso se puede hacer? y cómo?
Desde ya mil gracias
Octubre 28th, 2010 at 1:12
hola..hola..
espero y me puedan ayudar... instalé el lightbox en mi pag y todo muy bien pero tengo una duda con el texto... tengo q poner información en cada foto y por defecto me sale en la parte de abajo de la foto, entonces..es posible cambiar la orientación del texto?? es decir que salga a un lado de la imagen??? muchísimas gracias si te tomás el tiempo de leer esto y contestarme!
Noviembre 18th, 2010 at 6:34
bueno les comento lo sgte, derepente muy inicial para ustedes primero no me funcionaba el light, que habia pasado que las tres carpetas no las pegue donde debian estar , dos no me aparecian las letras de next y prev , eso lo corrreji poniendo el codigo del roadtrip como mencionan arriba, y lo delas carpetas del script se ponen en el mismo folder donde esta la pagina que usaremos en html. espero les sirva y agradecerles por que sus coment me ayudaron
Diciembre 16th, 2010 at 15:42
Necesito ayuda urgente, estoy ahciendo una pag instale lightbox y todo perfecto cuando le pongo los [] para que aparezcan los botones prev y next esta perfecto hasta que abro la pag y cuando me pongo arriba de la foto desaparece la mitad de la foto !
Diciembre 16th, 2010 at 23:41
Hola Belén. Donde está ese ejemplo que podamos verlo?
Febrero 9th, 2011 at 10:31
Buenas.
Tengo una pagina que contiene varios grupos de fotos. Aunque etiqueto cada grupo y la presentación es correcta SOLOL de cada grupo etiquetado, el problema es que el contador de fotos cuenta TODAS las fotos. Por ejemplo, si un grupo tiene 30 fotos y otro 50 al hacer click en el primer bloque me pone "1 de 80", aunque solo muestre luego las 30.
¿Se puede arreglar?. Gracias
Febrero 17th, 2011 at 11:33
Hola!
Hay alguna forma para que en el lighbox, además de aparecer el título aparezcan también las fotos que pertenecen a un mismo grupo? Es decir, me interesaría ver la foto en grande, y debajo el título y una pequeña lista de los thumbnails, todo ello en el lightbox.
Marzo 24th, 2011 at 10:59
Holaaa,
Lo primero el js va de perlas, muchas gracias! En mi caso yo necesito extender su funcionalidad, necesito que carge nada mas abrir la pagina web, al estilo pop-up. Esto ya lo he conseguido. Pero lo que necesito que me carge al inicio no es una imagen, es un texto, por ejemplo una capa o otro html (me da igual)...¿Alguien sabe si se puede?
Gracias
Junio 13th, 2011 at 9:49
Buenos dias,me pueden ayudar yo estoy usando LightBox pero al hacer click sobre la imagen pequeña, esta aparece abajo de todas mis imagenes y bajo el fondo negro transparente .. Que puede estar pasando. Gracias!!
Junio 14th, 2011 at 22:06
Hola, he instalado Lightbox todo bien... hasta que instalé IE9, entonces no corre, hay alguna etiqueta para poder hacer que funcione?
Gracias.
Junio 23rd, 2011 at 20:56
hola amigos tengo un problema con el lightbox...ya revise el codigo muchas veces y esta bien instalado, pero cuando le doy clic en la imagen se abre otra pagina con la imagen...ya revise el BODY ONLOAD y no hay nada...haber quien me puede ayudar..muchas gracias
Julio 26th, 2011 at 3:15
He intentado de todo para que funcione el lightbox y sin éxito, aquí les dejo la dirección donde tengo subida las fotos para que vean el código fuente, subí los archivos tal como se indican, puse el link directo a estilos, pero al ver que no funcionaba, lo quité por si era una incompatibilidad con mi hoja de estilos, así que los incorporé a la misma, me gustaría saber si pueden ayudarme pues la verdad me gusta mucho la presentación con este sistema.
Aquí está el enlace:
http://www.cafaalfonso.com.ar/fotos.html.
Desde ya les agradezco inmensamente su ayuda.
Estela
Julio 28th, 2011 at 4:22
Hola, tengo un problema con mi galería lightbox, me anda perfecto con el Dreamweaver pero cuando la subí al servidor las imágenes que cargo me aparecen abajo de todo de la página !!!!
QUE TENGO QUE HACER?? tengo los enlaces de cada foto con los rel=lightbox[grupo] y coloque en el servidor la carpeta tal cual con todos los archivos !!!!
NECESITO UN RESPUESTA URGENTE !!!!!!!
Agosto 4th, 2011 at 19:04
Holaa!!!!!
Creo que lightbox no es muy bueno, pues a lo que he leido en todos los comentario de arriba, comentan que tienen problemas con internet explorer8. En localhost si funciona, pero ya que subo la pagina al servidor tengo muchos problemas de visualizacion.
Comenta que a lo mejor es causa de los enlaces, pero ya verifique y los enlaces estan bien.
que podrá ser???
Agosto 10th, 2011 at 16:29
Disculpen alguien sabe si se le puede agregar la propiedad de que las imagenes en la galeria cambien automaticamente????
porfavor necesito ayuda con ello, ya que estaba casi listo hasta que me pidieron ese "detallito" por mi jefe :s
Agosto 18th, 2011 at 2:32
hola me desearia saber si en ves de mostrar una imagen podria mostrar un div es que deceo mostrar un contenido dinamico en el div!!
Septiembre 1st, 2011 at 4:47
hola gracias por tu tutorial el lightbox me funciono pero el detalle es que cuando lo visualizo en dreamweaver se ve todo perfecto pero cuando lo subo a mi servidor solo sale las fotos pero mi header y menu que es en swf no aparece pero funciona el lightbox por favor a que se debe espero me pueda ayudar gracias
Septiembre 13th, 2011 at 6:48
hola quisiera saber como poner una imagen con lightbox al inicio de mi pagina pero al momento de cargarla la pagina k me aparezca automaticamente graxias
Septiembre 18th, 2011 at 4:01
Hola, primero muchas gracias entre los comentarios y demas todo me funciona correctamente en Dreamweaver cuando le doy a visualizar pero cuando lo cargo en mi servidor y entro en mi web no funciona el lightbox. A que crees que puede ser debido esto.
Muchas gracias de antemano.
Un saludo
Octubre 21st, 2011 at 0:09
Hola;
Estoy haciendo una web la cual tiene un menu horizontal hecho con Ext Core. Cuando incorporo lightbox a la web este no tapa todo el contendio, sino que el menu queda sobre el lightbox. No encontré solución,. Si saben como resolverlo, seria de muchisima ayuda, Gracias
Octubre 31st, 2011 at 9:12
Hola Acadio, estoy utilizando lightbox, en la siguiente web, http://www.centrobudista-kdl.org.uy/fotos.html, pero no aparecen las imagenes de prev y next. Intente poniendo las imágenes absolutas, pero tampoco funcionan.
Los gift estan ubicados en la carpeta images junto con el resto. Podrías ayudarme.
Muchas gracias
Diciembre 1st, 2011 at 19:06
hola comunidad.. he trabajado el lightbox y es una maravilla pero aqui les tengo una tarea. la cuestion es que cuando tu abres la imagen puedes cerrarla clickeando en cualquier espacio fuera de la imagen (osea en la parte transparente). lo que quiero es que no se cierre clockeando alli. que solo se cierre cuando presiones el boton close. he intentado modificar el codigo del lightbox pero aun no he logrado hacerlo.
Muchas gracias...
Febrero 1st, 2012 at 9:31
hola.
tengo un gran problema, pues no logro vincular el light con la imagen en la pagina, lo que sale es un ling que al darle click sobre el si sale el lightbox, pero quiero es que no aparezca al darle click al link sino al darle clik a la imagen.
el código de vinculación a la imagen es el siguiente
image #1
sin embargo en la pagina me sale el link image #1 que al darle sobre el aparece el light box, no se que pasa, ademas tampoco se a que se refiere en el codigo con image#1, que debo colocar ahi.
les agradezco me colaboren.
Febrero 1st, 2012 at 9:32
hola.
tengo un gran problema, pues no logro vincular el lightbox con la imagen en la pagina, lo que sale es un link que al darle click sobre el si sale el lightbox, pero quiero es que no aparezca al darle click al link sino al darle clik a la imagen.
el código de vinculación a la imagen es el siguiente
image #1
sin embargo en la pagina me sale el link image #1 que al darle sobre el aparece el light box, no se que pasa, ademas tampoco se a que se refiere en el codig con image#1, que debo colocar ahi.
les agradezco me colaboren.
Febrero 4th, 2012 at 18:27
hola a todos de nuevo, logre solucionar el inconveniente de vinculación con la miniatura, sin embargo hay algo peor, el ligthbox funciona al ejecutarlo en el sitio local pero al subirlo el ligthbox queda inactivo, es decir no funciona ni en google crhome ni en Ie.
les agradeceria que me colaboraran porfavor.