Ver Mensaje Individual
  #5 (permalink)  
Antiguo 03/06/2008, 10:29
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: Ayuda con Lightbox o Facebox...

Bueno, en este caso no sé si te debería ayudar mucho, porque eres tú quien debe aprobar, y seguro que si te han puesto este ejercicio, es que en el curso dispones de la información suficiente como para poder hacerlo

Si tal y como te dije vamos leyendo:

Cita:
Insert the below code in the HEAD section of your page:

<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="lightbox.js"></script>
Imagino que entiendes algo de inglés, así que traduce. Inserta este código tal cual en la parte del head de la página:

<head>
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="lightbox.js">
</head>

Cita:
<a href="dog.jpg" rel="lightbox" ><img src="dog_thumb.jpg" /></a><a href="cat.jpg" rel="lightbox" title="Caption- cute cat!"><img src="cat_thumb.jpg" /></a><a href="dan.jpg" rel="lightbox" title="My best friend Dan">Dan</a>
Cambia los nombres de las imágenes por los tuyos propios, y para cada una crea una imagen normal (la que quieres ver grande) y una miniatura (con el nombre tipo dog_thumb.jpg, por ejemplo).
Ahora inserta los nombres de las imágenes en las etquetas de los enlaces, e inserta las etiquetas donde quieres que aparezcan los enlaces, por ejemplo:

<body>
<a href="dog.jpg" rel="lightbox" ><img src="dog_thumb.jpg" /></a>
</body>

Todo eso es un único enlace.

Ahora coloca las imágenes donde le has dicho que deben estar en el path de los enlaces, en este caso en la misma carpeta que el html.

Desempaqueta el zip y coloca todos los archivos en su sitio, siguiendo las rutas que hayas indicado en la cabecera, en este caso la misma carpeta del html.

Y listo. Eso funciona sin más. Pon cuidado al poner las rutas hasta los archivos que debe buscar el código y todo funcionará.

Ya dirás si tienes complicaciones. Y recuerda que es mejor aprender que aprobar

Mikel.