-
Cómo hacer un mini Presentación
-
Hacer una mini presentación de diapositivas puede ser una manera eficaz para mostrar las diapositivas de gráficos o imágenes en su página web sin ocupar mucho espacio. Para crear una presentación de diapositivas en su página web, usted debe tener un nivel básico de comprensión de la codificación HTML y JavaScript. Sin embargo, no es necesario ser un experto.
Instrucciones
1 Ingrese a su servidor Web.
2 Carga previa de las imágenes que desea utilizar en la presentación de diapositivas para que se asignan las direcciones URL en el servidor. El proceso que sigue para hacer esto varía mucho dependiendo de las herramientas de su servidor Web. En general, se trata de hacer clic en un botón "Subir", a continuación, buscando el equipo para las imágenes que desea cargar. Después de encontrar cada imagen, haga clic en un botón "Publicar" para hacer que cada imagen en vivo y darle una ruta de archivo. Guarde estas rutas de archivos a una ubicación en la que se puede acceder fácilmente a ellos.
3 Abra la página HTML en la que desea mostrar el mini-presentación de diapositivas.
4 Inserte el siguiente código en la página:
<Html>
<Head>
<Script type = "text / javascript">
<! -
var imagen1 = new Image ()
image1.name = "slide" width = "100" height = "56" />
<Script>
<! -
// Variable que se incrementará a través de las imágenes
paso var = 1
slideit función () {
// Si el navegador no es compatible con el objeto de imagen, salida.
if (!) document.images
regreso
document.images.slide.src = eval ( "imagen" + paso + ". src")
si (paso <3)
paso ++
más
paso = 1
// Función de la llamada "slideit ()" cada 2,5 segundos
setTimeout ( "slideit ()", 2500)
}
slideit ()
// ->
</ Script>
</ Body>
</ Html>
5 Cambie las dos instancias de "firstimage.jpg" con la ruta del archivo de la imagen que desea mostrar en primer lugar. Esta es la única imagen que aparece en el código dos veces. Las otras imágenes aparezcan una vez.
6 Vuelva a colocar la "secondimage.jpg" y las instancias "thirdimage.jpg" con las rutas de los archivos de las otras imágenes que desee incluir en la presentación de diapositivas.
Consejos y advertencias
- Para añadir más imágenes a la presentación de diapositivas, inserte el código siguiente después de la última imagen que aparece en el código:
- var image4 = new Image ()
- image4.src = "fourthimage.jpg"
- Cambiar el nombre de la imagen en la ruta de archivo adecuado según sea necesario y siga este proceso de añadir aún más imágenes de la serie.
