S11T01 : Usando LightBox2

Taller 8 :
Adicionar Visualización de Carros con LightBox2 al taller de Concesionario 

Usando el script para la visualización de imágenes LightBox2 visto en la clase anterior adicionar al taller de concesionario las siguientes características : 

• Cada vehiculo (carro o moto) debe tener una imagen que pueda ser ampliada usando LightBox2 

Recuerden los pasos para usar el script : 

1. Visitar la pagina oficial del Script
   http://lokeshdhakar.com/projects/lightbox2
2. Descargar el archivo zip con los archivos necesarios
   http://lokeshdhakar.com/projects/lightbox2/releases/lightbox2.51.zip
3. Descomprimir el archivo 
4. Crear un directorio js en el taller del concesionario 
5. Copiar los archivos
   jquery-1.7.2.min.js y lightbox.js 
6. Copiar los archivos del directorio images
   close.png, loading.gif, next.png, prev.png al directorio imagenes del concesionario 
7. Copiar el archivo lightbox.css del directorio css al directorio de estilos del concesionario 
8. Abrir el archivo lightbox.js y cambiar el nombre del directorio images a imagenes 
9. Dentro del body de la pagina que se va a usar el script
   <script src="js/jquery-1.7.2.min.js">
   </script><script src="js/lightbox.js"></script>
10. Adicionar en el head el estilo
    <link href="css/lightbox.css" rel="stylesheet" />
11. A la imagen que se va a ampliar colocar el atributo rel y si se quiere un titulo
    <a href="imagenes/carro01_miniatura.jpg" rel="lightbox" title="Mazda">
    <img src="imagenes/carro01.jpg" alt="Mazda" />
    </a>
12. Mandar el taller al correo del docente al terminar