Forma Sencilla De Hacer Rotación De Imágenes Utilizando Css y Java Script
Antes De Empezar.
Seguro te preguntarás porque complicarse con java script si podrías hacerlo en flash y acoplarlo a la página el swf. Las principales razones son:
- Velocidad: 10 imagenes pequeñas demoran en cargar mucho menos por separado que un swf que alverga a las 10 (Esto cambiaría si las imágenes fueron hechas con formas -vectores,figuras,colores- de flash.
- Libertad: Como todos sabemos flash es un software privativo y aunque muchos diseñadores no le toman importancia, al usarlo sin haber pagado por el producto estamos cometiendo un delito (especialmente a las personas que desarrollan sitios como servicio logicamente cobrando por ello).
- Visitante: El visitante es muy impaciente y depende de la primera impresión para que el regrese o se quede en el sitio, si usas flash deberías tener un preloading interesante =).
Para terminar debo aclarar que si usas java script en vez de flash no significa que vas a obtener una buena performance de tu sitio, esto depende de muchos factores entre ellos yo veo como principal a la optimización de las imágenes.
Estructura del directorio de ejemplo:
| carrusel.htm |
| _css/css.css |
| _servicios/src (este script no se encuentra en el ejemplo descargarlo aquí necesitas ser usuario) |
| _img/prueba/*.jpg |
...
LEER TUTORIAL COMPLETO Y DESCARGAR EJEMPLO
