como instalar efecto Lightbox para fotos

Citar

Escrito el 26 Nov 2010 06:22 pm

hola!! pues a ver...soy negadisima en cuanto hacer webs y se lo minimo...queria poner el efecto lightbox para clicar una imagen y que luego salga en grande de una forma bonita y no doy con ello.

Saque el tutorial de aqui y mi resultado es este si clicais la imagen se me va al final de la pagina y ni se abre en condiciones ni nada....que desesperación!

a ver si alguien sabe de que va el tema...
graciassss

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

Envíale un mensaje privado Web

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

@cristalab

Citar

Escrito el 28 Nov 2010 12:01 am

movido a css y html

Por Mariux

BOFH

7756 de clabLevel

28 tutoriales
15 articulos

Genero:Femenino Héroes Editores

Envíale un mensaje privado Web

Diseñadora & ilustradora

@Mariux

Citar

Escrito el 28 Nov 2010 08:07 pm

Hola, lo primero que tenes que hacer es bajarte todos los archivos que trae ese lightwindows para que funcione, desde la pagina del creador.
Una vez que los tenes descomprimidos y dentro de la estructura de carpetas de tu web, tenes que linkear los archivos que utiliza , tanto los .js como los .css en el <head>
Algo asi:
<head>
<script type=”text/javascript” src=”js/prototype.js”></script>
<script type=”text/javascript” src=”js/scriptaculous.js?load=effects,builder”></script>
<script type=”text/javascript” src=”js/lightbox.js”></script>
<link rel=”stylesheet” href=”css/lightbox.css” type=”text/css” media=”screen” />
</head>

Y despues a cada imagen que queres que funcione con ese efecto tenes que ponerle lo siguiente :
<a href=”images/imagengrande.jpg” rel=”lightbox” title=”Foto de grupo”><img src=”imagenpeque.jpg”></a>

Donde dice imagengrande.jpg es el nombre de la imagen que se abrira en grande dentro del lightwindow.
Donde dice imagenpeque.jpg es la imagen chica donde haces click para que se abra el lightwindow.

Fundamental no sacar esto : rel=”lightbox”

Saludos.

Por robertostringa

13 de clabLevel

Envíale un mensaje privado Email Web

Citar

Escrito el 30 Nov 2010 07:12 pm

muchas gracias! al fin, pude!

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

Envíale un mensaje privado Web

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

@cristalab

Citar

Escrito el 03 Dic 2010 07:14 am

busitwain escribió:

muchas gracias! al fin, pude!

Muestranos una comparativa entre el problema y la solución para que sea un buen ejemplo

Gracias.

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

Envíale un mensaje privado Web

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

@cristalab

Citar

Escrito el 12 Mar 2011 02:13 am

pdrian ensñarme a hacer una galeria de imagenes en Flash 8 que este bunea

Por erislandy

0 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 17 Abr 2011 06:30 am

Muy bien lo explico Roberto, yo estuve haciendo lo mismo para una web que estoy creando,
y agregaria una cosita nomas que tal vez te sea util, que es agrupar las imagenes por categorias lo unico que tendrias que hacer es a la funcion "rel" agregarle corchetes o sea rel="lightbox[aquivaelnombredelgrupodeimagenes]" esto hace que se agrupen todas las imagenes segun la categoria que te convenga, y ademas podrias correr las imagenes con las flechas del teclado.

El codigo te quedaria asi:

<a href=”images/imagengrande.jpg” rel=”lightbox[categoria]” title=”Foto de grupo”><img src=”imagenpeque.jpg”></a>

otra de las cosas que te aconsejo es que optimices la imagenes a traves de photoshop para que no pesen demasiado y sean mas faciles de cargar.

Por joaquin15

0 de clabLevel

Envíale un mensaje privado

como instalar efecto Lightbox para fotos

Escribe una respuesta rapida