He hecho una aplicación web sencilla en php para visualizar imágenes, tipo galería de imágenes, pero tiene un defecto que me gustaría corregir.
La cosa es que hay un formulario para introducir una fecha y una hora que se utiliza para mostrar la primera imagen de la galería. Luego hay unos botones de adelante y atrás para ir mostrando sucesivamente las siguientes o anteriores imágenes a esa fecha. Las imágenes las tengo en una carpeta en el servidor, y el nombre de cada imagen es la fecha y la hora en la que se subió. Cada media hora se va añadiendo una imagen a la carpeta, así que hay miles de imágenes ya y van aumentando.
Bueno, la aplicación funciona bien, pero el defecto que tiene es que cada vez que voy pinchando en el botón de adelante o atrás para ver otra imagen se refresca la página para mostrar la nueva y se produce un "flashazo" al cambiar la imagen (debido al refresco de la página, supongo). He de comentar que las imágenes varían muy poco de una a otra y me gustaría que se superpusiera una sobre otra de forma instantánea para poder apreciar bien la diferencia entre ellas, pero ese flash que se produce en el cambio de imagen al refrescar la página es muy molesto y me gustaría eliminarlo. He pensado que la solución sería usar ajax para refrescar solo el div que tiene la imagen en vez de refrescar toda la página, pero no se como hacerlo, no tengo mucha idea de javascript. Supongo que con jquery se podrá hacer.
¿Alguien podría darme algunas indicaciones de como podría hacerlo o decirme alguna página donde lo expliquen?.
He visto algún script en internet para hacer galerías de imágenes pero ninguno hace lo que yo quiero. Todos estos scripts realizan algún tipo de animación para ir cambiando las imágenes y yo lo único que quiero es que se superponga una sobre otra de manera imperceptible. Puedo poner el código que tengo en html y php por si se necesita.
Gracias. Un saludo.