Todos los temas

+
Home > Recursos > consejos > Cómo hacer un Simple Javascript Slideshow

Cómo hacer un Simple Javascript Slideshow

JavaScript, también conocido como js, es un lenguaje de scripting web utilizado para el funcionamiento de los elementos del DOM (Document Object Model). Es una tecnología multiplataforma para interactuar con objetos en HTML. Al acceder a diversos objetos diferentes en HTML, incluso podría realizar un simple slideshow Javascript con código Javascript puro.

Este artículo le dará un simple ejemplo de slideshow Javascript así que usted puede Agregar un slideshow de imágenes a su sitio Web. Puede controlar qué y cuantas imágenes a incluir, así como la velocidad de cambio. El único efecto de transición de fundido se utiliza para la presentación de Javascript. Para ganar más control sobre las presentaciones de imagen, más efectos de transición, títulos de diapositivas, hipervínculo de imagen, etc., se recomienda utilizar más de gran alcance slideshow maker como Flash Galería de fábrica , que inmediatamente agrega llamativos espectáculos a su sitio Web.

Download Win Version

También podría convertirse en un programador de Javascript avanzado ampliar códigos de javascript para una mejor presentación de javascript Javascript curso en W3C.com. Vemos cómo configurar un simple slideshow Javascript paso a paso.

1 empezar desde el ejemplo de código JS slideshow

No hay ninguna necesidad de escribir código de pase de diapositivas Javascript desde cero. Este es un ejemplo de slideshow Javascript (1 kb, zip) . Descargar y extraer a tu ordenador. Simplemente se modificarla para satisfacer sus necesidades. Obtendrá un único archivo javascript slideshow de ejemplo.html.

2 cambiar el nombre de la imagen, camino de imagen, velocidad de cambio de js

Abrir con tu editor de texto favorito y cambiar según las notas incluidas en el archivo.

  • Para cambiar la duración de la diapositiva, vaya al parámetro slideShowspeed .
  • Para añadir más imágenes, sólo tienes que copiar y pegar Pic [0] = '1.jpg' línea y cambiar el nombre de archivo de imagen y número de matriz correspondientemente. Si la imagen se coloca en una carpeta, por ejemplo, imágenes, utilice la ruta relacionada como Pic [0] = 'images/1.jpg'. También puede usar la dirección absoluta de la imagen aquí.

3 insertar Javascript slideshow a tu página web

Ahora abra la página web que desea incrustar una presentación de diapositivas Javascript . Copiar y pegar la etiqueta < script > del todo al lugar entre < head > y < / cabeza >. Entonces dejó la página para iniciar el slideshow Javascript cuando se carga la página añadiendo onLoad="javaSlideShow()" de atributos a la etiqueta < body >. Finalmente, que el Javascript aparezca en la posición correcta de la página. Para ello, sólo hay que poner el código entre < table > y < / table > etiquetas a donde debe estar.

4 guardar y previsualizar Javascript slideshow

OK, guardar y escuchar. Si todo va bien, pueden ver un slideshow Javascript como esta .

¿Preguntas relacionadas con el producto? Hablar directamente con nuestro equipo de soporte >>

Arriba