Transicion de imágenes

[juanito1712]

lo mas cómodo que me imagino seria:

supón que tienes el div donde quieres mostrar las imágenes, digamos que tiene 100px de ancho y se llama panel

ahora tienes 5 fotos cada una con 100px de ancho por lo tanto, dentro del div anterior crearías otro div pero esta vez de 500 px de ancho y en este insertarías todas las fotos, lo llamas contenedor

ahí mira lo que ocurre, estarán todas las fotos en una linea seguramente

al div superior (panel) le aplicas la propiedad overflow:hidden y ya solo verias una foto sin barras de scroll en el div ni nada

con javascript desplazas el scroll de el div superior con document.getElementById("panel").scrollLeft=200px;

ahora ya es darle la vida que quieras con javascript al slider

esta solución es simple pero no la mas ligera ya que cargarás todas las imágenes de golpe, te podrías ingeniar que mediante ajax vaya cargando la siguiente imagen a mostrar supongo, así la web pesaría lo mismo pero iría descargando según fuese necesitando y si el usuario abandona rápido esa página no habrá descargado todas las imágenes