Cómo hacer que mis imágenes se desplacen en mi sitio web

Escrito por vlatko kalashnikov | Traducido por contributing writer
Cómo hacer que mis imágenes se desplacen en mi sitio web

Pictures can scroll on your website.

http, www, icon, web, website image by creative from Fotolia.com

Para crear imágenes de desplazamiento en un sitio web, debes utilizar la etiqueta marquesina de HTML. Las etiquetas marquesinas permiten que cualquier objeto puesto entre ellas se desplacen en una dirección establecida. La dirección de desplazamiento por defecto es de derecha a izquierda, pero esto se puede cambiar mediante el uso de los diferentes elementos de la etiqueta. Para hacer esto debes tener un conocimiento básico de la codificación de imágenes en HTML.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Localiza el código HTML de la imagen que deseas que se desplace a través de tu página. Aquí tienes un ejemplo: <img src="http://www.example.com/image.jpg">

  2. 2

    Envuelve el código de la imagen con las etiquetas de inicio y cierre de la marquesina. Agrega <marquee> antes del inicio del código de la imagen y luego </marquee> al final del código de la imagen. Agrega estas dos etiquetas fuera del código de la imagen. Aquí tienes un ejemplo: <marquee><img src="http://www.example.com/image.jpg"></marquee>

  3. 3

    Agrega el elemento dirección dentro de la etiqueta inicial de la marquesina. Las diferentes direcciones en las que se puede desplazar la imagen son: izquierda, derecha, arriba y abajo. Aquí tienes un ejemplo de una imagen que se desplazará hacia arriba dentro de la página: <marquee direction="up"><img src="http://www.example.com/image.jpg"></marquee>

  4. 4

    Agrega el elemento de comportamiento dentro de la etiqueta inicial de la marquesina. Los diferentes comportamientos son: "scroll" (comportamiento por defecto), "slide" (la imagen se desplaza y se detiene al final), y "alternativa" (la imagen rebota a través de la página). Aquí tienes un ejemplo: <marquee behavior="alternate"><img src="http://www.example.com/image.jpg"></marquee>

  5. 5

    Agrega el elemento de desplazamiento-cantidad dentro de la etiqueta inicial de la marquesina. Este elemento determina la velocidad de desplazamiento de la imagen. El valor predeterminado es 6, pero puede ser cambiado para ir más lento o más rápido, reduciendo o aumentando el número entero de velocidad. Aquí tienes dos ejemplos: Desplazamiento más lento de la imagen <marquee scrollamount="1"><img src="http://www.example.com/image.jpg"></marquee>. Imagen con una secuencia más rápida <marquee scrollamount="15"><img src="http://www.example.com/image.jpg"></marquee>

Consejos y advertencias

  • Puedes combinar los elementos dentro de la etiqueta inicial de la marquesina para crear una combinación de efectos de desplazamiento.
  • Cierra siempre las etiquetas marquesina con , de lo contrario nada después de la etiqueta se desplazará correctamente a través de la página.

No dejes de leer...

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2015 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media