Para colocar imagens a deslizante é muito simples basta
no editor do site ou blog seleccionar o gadget WIDGETS\HTML ou HTML/JAVASCRIPT com forme
apreça no seu site ou blog e coloque:
Código de Exemplo:
<marquee behavior="alternate"><img
src="https://cld.pt/dl/download/d35e3f61-d75e-4074-89e4-a77bce638de1/imgex%202.jpg"></marquee>
Resultado:
ATRIBUTO: PERSONALIZAÇÃO DE TAMANHO
Para alterar o tamanho da imagem basta mudar a largura (width) e altura (height)
Código de Exemplo:
<span> <marquee behavior="scroll"><img
alt="moving image by marquee html code" height="184" src="https://cld.pt/dl/download/d35e3f61-d75e-4074-89e4-a77bce638de1/imgex%202.jpg"
width="200"
/></marquee></span>
Resultado:
ATRIBUTO: PARALISA AO PASSAR DO RATO E COM
LINK DE REDIRECCIONAR
Para alterar basta mudar o link de redireccionamento (ex:
http://jaimeweb.jimdo.com/)
mais o link da imagem (ex: https://cld.pt/dl/download/d35e3f61-d75e-4074-89e4-a77bce638de1/imgex%202.jpg)
e o titulo (ex: TEXTO
DE EXEMPLO)
Código de Exemplo:
<marquee behavior="scroll"
onmouseout="this.start();"
onmouseover="this.stop();"><a href="http://jaimeweb.jimdo.com/"
title="TEXTO DE EXEMPLO"><img alt="moving image by marquee html code"
height="184" src="https://cld.pt/dl/download/d35e3f61-d75e-4074-89e4-a77bce638de1/imgex%202.jpg" /></a></marquee>
Resultado:
ATRIBUTO: LEGENDA
Para alterar basta mudar o link da imagem (ex: https://cld.pt/dl/download/d35e3f61-d75e-4074-89e4-a77bce638de1/imgex%202.jpg)
e a legenda (ex: A
LEGENDA - TEXTO DE EXEMPLO)
Código de Exemplo:
<span><marquee behavior="scroll"><div
><img alt="moving image by marquee html code" src="https://cld.pt/dl/download/d35e3f61-d75e-4074-89e4-a77bce638de1/imgex%202.jpg"
/><center> A LEGENDA - TEXTO
DE EXEMPLO</center></div></span></marquee>
<span > </span>
Resultado:
ATRIBUTO: DIRECTION (DIRECÇÃO)
Isto define a direcção da imagem.
Aceita valores LEFT
(esquerda) ou RIGHT (direita) ou UP (cima) ou DOWN (baixo)
1.
PERSONALIZAÇÃO DE
TAMANHO COM DIRECÇÃO RIGHT (DIREITA):
Código de Exemplo:
<span> <marquee behavior="scroll" direction=right><img
alt="moving image by marquee html code" height="184"
src="https://cld.pt/dl/download/d35e3f61-d75e-4074-89e4-a77bce638de1/imgex%202.jpg"
width="200"
/></marquee></span>
Resultado:
2.
PARALISA AO PASSAR DO
RATO E COM LINK DE REDIRECCIONAR COM DIRECÇÃO DOWN (BAIXO):
Código de Exemplo:
<marquee behavior="scroll" direction=down onmouseout="this.start();"
onmouseover="this.stop();"><a href="http://jaimeweb.jimdo.com/"
title="TEXTO DE EXEMPLO"><img alt="moving image by marquee html code"
height="184" src="https://cld.pt/dl/download/d35e3f61-d75e-4074-89e4-a77bce638de1/imgex%202.jpg" /></a></marquee>
Resultado:
3.
LEGENDA COM DIRECÇÃO
UP (CIMA):
Código de Exemplo:
<span><marquee behavior="scroll" direction=up><div
><img alt="moving image by marquee html code" src="https://cld.pt/dl/download/d35e3f61-d75e-4074-89e4-a77bce638de1/imgex%202.jpg"
/><center> A LEGENDA -
TEXTO DE EXEMPLO</center></div></span></marquee>
<span > </span>
Resultado:
Sem comentários:
Enviar um comentário