Tecnología

Inicio

Cómo utilizar un rotador de la imagen JW

Cree presentaciones atractivas y banners utilizando el programa rotador de la imagen por JW LongTail Video. Este reproductor basado en Flash le libera de la tarea de programar su propio software de presentación JavaScript o Flash. Usted no necesita ser un desarrollador web para añadir el rotador de la imagen JW a su sitio web: Basta con configurar una lista de reproducción, decirle al programa donde sus imágenes son, cargar los archivos en el servidor Web y disfrutar del espectáculo.

Instrucciones

Descargar los archivos

1 Visita el sitio LongTail Video (ver Recursos) y haga clic en "descargar la imagen de los rotadores." Windows descargar el archivo zip.

2 Abra el Explorador de Windows y navegue hasta el archivo descargado. Haga clic en el archivo para resaltarlo y haga clic en "Extraer todos los archivos."

3 Haga clic en "Examinar" y seleccione la carpeta donde desea extraer los archivos. Haga clic en "Aceptar" y luego "Extraer". Windows creará una subcarpeta denominada "ImageRotator" en la carpeta que seleccione. Haga doble clic en la carpeta "ImageRotator" para abrirlo. La carpeta contiene el jugador ( "imagerotator.swf") y un archivo XML denominado "madrid.xml."

Actualizar el código XML

4 Haga clic en "madrid.xml" y seleccionar "Abrir con". Seleccione "Bloc de notas". El archivo se abrirá en el Bloc de notas. A continuación se presentan dos bloques "pista" en el archivo XML:

<Track>

<Title> Hierba por la noche </ title>

<Creador> Jeroen Wijering </ creador>

<Ubicación> madrid1.jpg </ location>

<Info> http: //www.jeroenwijering.com&lt; / información>

</ Pista>

<Track>

<Title> En la acera </ title>

<Creador> Jeroen Wijering </ creador>

<Ubicación> madrid2.jpg </ location>

<Info> http: //www.jeroenwijering.com&lt; / información>

</ Pista>

Cada bloque de vía describe una pista. JW rotador de la imagen asigna a cada imagen para una "pista". En este ejemplo, el título de la primera canción es "Hierba de Noche", el creador es "Jeroen Wijering," la ubicación del archivo de imagen se "madrid1.jpg" y una opcional <información> enlace es "http: // www.jeroenwijering.com ".

5 Reemplazar los valores de la pista en el archivo XML con sus propios títulos, los creadores y los lugares. Deja <información> en blanco si usted no tiene ninguna necesidad de un enlace de imagen. La <información> enlace lleva a los visitantes del sitio a la URL que aparece en el <información> etiqueta cuando hacen clic en el enlace.

6 Pulse la tecla "Ctrl + S" para guardar el archivo XML.

Actualizar el código HTML

7 Bloc de notas abierto y añadir el texto siguiente:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

<Title> Prueba de rotadores </ title>

</ Head>

<Body>

<Object classid = "clsid: D27CDB6E-AE6D-11cf-96B8-444553540000" width = "400" height = "400" id = nombre 'JWplayer' = 'JWplayer>

<Param name = "película" = 'imagerotator.swf>

<Param name = "allowFullScreen" = "true">

<Param name = 'allowScriptAccess' value = 'siempre'>

<Valor param name = '' FlashVars = "file = madrid.xml>

<Embed id = nombre 'JWplayer2' = src 'JWplayer2' = ancho 'imagerotator.swf' = '400' height = '400' FlashVars = "file = madrid.xml"

allowscriptaccess='always'

allowfullscreen = "true">

<Embed />

</ Object>

</ Body>

</ Html>

Este código incrusta el reproductor JW. Anote el nombre de "madrid.xml" en el código. Esto hace referencia al archivo XML que contiene sus pistas. Cambiar el ancho y la altura del jugador cambiando esos valores. En este ejemplo, el jugador es de 400 píxeles de ancho y 400 píxeles de alto.

8 Haga clic en "Archivo" y seleccione "Guardar como" para abrir la opción "Guardar como" ventana.

9 Vaya a "ImageRotator", que contiene los archivos zip extraídos. Tipo "Prueba JW.html" (sin las comillas) y haga clic en "Guardar". Bloc de notas guardará el archivo como un documento HTML.

Pruebe el jugador

10 Haga doble clic en el archivo "Test JW.html" que creó en la carpeta "ImageRotator". Se abrirá como una página Web en su navegador. El JW rotador de la imagen aparecerá y rotar las imágenes.

11 Mover el puntero del ratón sobre el jugador. aparecerá el título y el creador de la imagen actual.

12 Haga doble clic en una imagen. Si ha añadido un enlace a la <info> del archivo XML, el navegador le llevará a esa URL.

13 Subir todos los archivos en el servidor Web para que la página Web visible en Internet.

Consejos y advertencias

  • Al crear su propia página web, pegue la etiqueta <object> manzana de este ejemplo en la sección <body> de su archivo HTML. Añadir tantas pistas <> bloques como sea necesario para el archivo XML. El JW rotador de la imagen tiene más de 20 parámetros configurables que le permiten ajustar su apariencia y comportamiento (ver Recursos).

Artículos relacionados