A continuación, comenzaré con la parte más importante, que es escribir un programa javascript. Nuestra idea es que podemos definir un grupo de imágenes (varias imágenes). Cuando aparece la página, la primera imagen se mostrará primero y la segunda imagen se cargará previamente 5 segundos después de que se cargue la primera imagen. La imagen también se carga y comenzamos a cambiar automáticamente a la segunda imagen. En este momento, la tercera imagen está precargada. Si cargamos la tercera imagen en 5 segundos, cambiaremos automáticamente a la tercera imagen y la reproducción continúa. hasta que el último comience nuevamente desde el principio. Por supuesto, esto se reproduce automáticamente. También permitimos a los usuarios reproducir manualmente hacia adelante y hacia atrás.
En primer lugar, el problema que tenemos que resolver es la precarga de imágenes, porque de esto depende la fluidez del proceso de conmutación y la perfección del proceso de reproducción. Es muy sencillo precargar una imagen. Solo necesitamos crear una nueva variable de instancia de la imagen en la memoria y apuntar la variable a una imagen. De esta manera, nuestro navegador cargará automáticamente la imagen. precarga. Escrito en javascript se ve así:
var myImage = new Image()
myImage.src = "someImage.gif"
Entonces, ¿también necesitamos saber si la imagen está cargada? Si está cargado, lo mostraremos. Si no está cargado, se producirá un error. Entonces tenemos que cambiar el código anterior y agregar dos declaraciones, por lo que este JavaScript queda como sigue:
var img = new Image()
img.onload = doReadyImage
img.onerror = hacerErrorDisplay
img.src = "someImage.gif"
Agregamos los eventos de carga y error de la imagen, que representan si se deben precargar y precargar los eventos de error respectivamente. Estas dos oraciones deben estar delante de la declaración img.src. De lo contrario, la precarga de imágenes saldrá mal.
El último paso es nuestro programa de cambio de imágenes. Anteriormente, revisamos los diversos efectos de los filtros de conversión de filtros en CSS. Aquí usamos el efecto aleatorio con nombre en código 23. A continuación se muestra lo que escribimos para este efecto en el programa JavaScript:
if (document. imágenes.diapositivas.filtros)
{
document.images.slideShow.filters[0].Stop()
document.images.slideShow.filters[0].Aplicar()
// Usa efecto de transición aleatoria document.images.slideShow.filters.revealTrans.transition=23
}
document.images.slideShow.src = sFuente
//Comienza a ejecutar el efecto de conversión
si (documento.imagenes.diapositivas.filtros)
document.images.slideShow.filters[0].Play()