Cómo hacer una presentación de diapositivas simple JavaScript

Javascript, también conocido como JS, es un lenguaje de programación web que se utiliza para operar el DOM (Document Object Model) elementos. Es una tecnología multi-plataforma para interactuar con los objetos HTML. Al acceder a varios objetos diferentes en HTML, incluso se podría realizar una presentación de diapositivas simple con Javascript puro código Javascript.

En este artículo compartiré un simple pase de diapositivas Javascript ejemplo, con todos ustedes para que usted pueda añadir una presentación de diapositivas de imágenes de su sitio web. Usted puede controlar qué y cuántas imágenes que se incluirán, así como la velocidad de pase de diapositivas. El efecto de transición sólo fundido se utiliza para la presentación de diapositivas con Javascript. Para obtener más control sobre las presentaciones de imágenes, tales como efectos de transición más, títulos de diapositivas, de hipervínculo de imagen, etc, se recomienda utilizar el fabricante de presentación de diapositivas más de gran alcance como Fábrica Galería de Flash , lo que añade inmediatamente llamativos espectáculos de su sitio web.

También podría convertirse en un programador avanzado Javascript para extender los códigos de javascript para una mejor presentación de diapositivas Javascript aprendiendo Curso Javascript en W3C.com. Ahora veamos cómo configurar un simple paso a paso Javascript presentación de diapositivas.

Paso 1: Comienza a partir del ejemplo de código JS presentación de diapositivas

No hay necesidad de escribir código Javascript presentación de diapositivas a partir de cero. Aquí hay un ejemplo de presentación de diapositivas Javascript (1kb, código postal) . Descargar y extraer a su equipo. Simplemente va a modificar para adaptarlo a sus necesidades. Usted recibirá una sola Javascript-slideshow-example.htmlarchivo.

Paso 2: Cambiar el nombre de la imagen, ruta de la imagen, la velocidad del pase de diapositivas js

Abre con tu editor de texto favorito y cambiarlo de acuerdo a las notas incluidas en el archivo.

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

Paso 3: Insertar diapositivas Javascript en su página web

A continuación, abra la página Web que desea incrustar una presentación de diapositivas Javascript . Copia y pega la etiqueta <script> todo el lugar entre <head> y </ head>. Entonces deje la página para empezar el pase de diapositivas Javascript cuando se carga la página, añadiendo onLoad = "javaSlideShow ()" atributo a la etiqueta <body>. Finalmente, hacen que el Javascript aparecen en la posición derecha de la página. Para ello, sólo hay que poner el código entre <table> y </ table> etiquetas a donde debe estar.

Paso 4: Guardar y presentación preliminar Javascript

Aceptar, guarda y la vista previa. Si todo va bien, usted puede ver una presentación de diapositivas, ya que Javascript .

Download Win Version Download Mac Version

Talvez você precisa

DVD Slideshow Builder Deluxe

DVD Slideshow Builder Deluxe

Personalize a apresentação do seu DVD com mais de 130 movimentos de transição 2D/3D .

PORQUÊ ESCOLHER O WONDERSHARE

100% SEGURO
Pré-visualização disponivel:apenas leitura,sem fuga de dados
10+

DEDICAÇÃO DE ANOS

PRIVADO
Trabalhe no seu próprio computador sem interferências
200+

Países do Mundo

DESIGN PERSONALIZADO
Fornece soluções de dados de acordo com suas necessidades
9 000 000+

EXCELENTES USUÁRIOS