Tecnología

Inicio

Cómo instalar el Visor de diapositivas 1.2

March 19

Visor de diapositivas 1.2 es un pequeño programa que le permite tomar una serie de imágenes y crear una presentación de diapositivas con ellos. Lo que diferencia Visor de diapositivas aparte del resto es que utiliza una lista desordenada y por lo tanto se puede utilizar cualquier imagen en Internet (siempre que esa imagen se puede ver públicamente). Esto añade un enorme potencial cuando se combina con un sitio web que contiene una gran cantidad de fotos que le gustaría utilizar en su propia página web.

Instrucciones

1 Descargar Visor de diapositivas 1.2, el plug-in de jQuery 1.4.1 y el jQuery aliviando 1.2 plug-in. Extraer los archivos a un directorio.

2 Abra un programa de edición de texto. Abrir un documento en blanco y guardarlo en el mismo directorio que Visor de diapositivas. Crear un bloque de HTML escribiendo "<html> <body> </ body> </ html>."

3 Escriba la siguiente sintaxis en el espacio entre las etiquetas <body>. Esto carga el jQuery y jQuery los flexibilización plug-ins que se requieren para el Visor de diapositivas 1.2 para funcionar.

<Script type = "text / javascript"> </ script>

<Script type = "text / javascript"> </ script>

4 Copia la siguiente sección para crear un espacio donde se puede ver la presentación de diapositivas. Reemplazar "myimages" con un nombre significativo. Reemplazar "image0" con el texto que describe su foto. Reemplazar "pictos / 01.jpg" y nombres similares con sus propios nombres de imagen y caminos, como "imágenes / lion_king.jpg."

<Div id = "myimages" class = "svw">

&lt;ul>

& Lt; li> & lt; img alt = "image0" /> & lt; / li>

& Lt; li> & lt; img alt = "imagen1" /> & lt; / li>

& Lt; li> & lt; img alt = "imagen2" /> & lt; / li>

& Lt; li> & lt; img alt = "imagen3" /> & lt; / li>

& Lt;! - Eccetera ->

</ Ul>

</ Div>

5 Escriba el siguiente código en el archivo después de que el código del paso anterior. Esto inicia Visor de diapositivas.

<Script type = "text / javascript">

$(window).bind("load", function() {

$ ( "Div # myimages"). SlideView ()

});

</ Script>

6 Guarde el archivo de texto. Cuando el archivo se abre en un navegador Web, diapositiva del visor automáticamente será ejecutado.