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

Pictures can scroll on your website.
Por vlatko kalashnikov

Paso 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">


Paso 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>


Paso 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>


Paso 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>


Paso 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>