Comunidad de diseño web y desarrollo en internet online

como instalar efecto Lightbox para fotos

Citar            
MensajeEscrito 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

 

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

firefox
Citar            
MensajeEscrito 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

Diseñadora & ilustradora

firefox
Citar            
MensajeEscrito 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



 

firefox
Citar            
MensajeEscrito el 30 Nov 2010 07:12 pm
muchas gracias! al fin, pude! ;)

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

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

firefox
Citar            
MensajeEscrito 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

 

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

chrome
Citar            
MensajeEscrito 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



 

firefox
Citar            
MensajeEscrito 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



 

firefox

 

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