sexta-feira, 29 de abril de 2011

Como colocar imagens em movimento no blog



Já expliquei aqui como colocar letreiros no blog: LINK.


O mesmo pode ser feito com imagem, como nos exemplos abaixo:


Código para rolar a imagem da direita para a esquerda:
moving image by marquee html code














Código para rolar a imagem da direita para a esquerda com legenda:



moving image by marquee html code



A legenda
















Código para parar a imagem quando passarmos o cursor do mouse sobre ela:


moving image by marquee html code





28 comentários:

rafs ! disse...

tem como por em imagens de parceiros?
mas ir passando todas as imagens juntas?

obg

Comedians disse...

Como faço para colocar posts dentro das páginas? Quando posto algo este post vai para a página inicial, mas eu gostaria de cocá-las dentro das páginas, como faço?

Prof. Willian Cezar disse...

Olá, boa tarde!
Gostaria de saber com faço pra colocar o Cabeçalho do Meu blog em movimento??

Pablo disse...

amigo como eu coloco uma imagem do lado da outra? no mesmo codigo para elas paçarem uma do lado da outra?

Programa Gospel On.Line disse...

ola tudo bem como eu faço para colocar uma imagem outra imagem

Anônimo disse...

Como colocar imagem em movimento,como plano de fundo ?

Band Manicoré Canal-13 disse...

Kara esse blog é foda... bom de +..
Visitem o meu...
www.bandmanicorecanal13.blogspot.com

Anônimo disse...

Gostaria de obter um link que eu possa colocar 5 imagem uma atras da outra no blog. -
Ex: De PABLO - Parecido com esse - mais com 5 imagem - desde já agradeço muito se voc~e fazer isso por mim. Aguardo .

FC Li††le Mons†er disse...

Oiee. Como põe uma do lado da outra tipo para Sister?

X tudoo disse...

EAe eu queria saber oque eu coloco no lugar onde está escrito endereço da imagem?

Fernando Mello Filho disse...

Eu preciso colocar uma imagem ao lado da outra, são + ou - 20 imagens de 150 x 129 (mesmo tamanho todas) uma ao lado da outra mais não estou conseguindo !

Estou fazendo assim:
marquee scrolldelay="100" behavior=”scroll” onmouseover="stop()" onmouseout="start()"
img src="ClientesPNG/amhpla.png"
img src="ClientesPNG/ananda.png"
/marquee>

~Senhor dos memes~ disse...

Oi gostaria de saber como eu poderia colocar as imagens dos meus parceiros em "destaque" quando o mouse passar, vc poderia me informar o codigo?? OBG

Mar disse...

Como faço para colocar essas imagens lincadas?

atracaojovem disse...

olá eu copiei e colei, mas a imagem não apareceu mas ficou passando o contorno da imagem mais sem a foto.
desde já agradeço

Priscila disse...

Oi Pablo,

Use o código

<span> <marquee behavior="scroll"><img alt="moving image by marquee html code" height="212" src="Endereço da imagem" width="320" /><img alt="moving image by marquee html code" height="212" src="Endereço da imagem" width="320" /></marquee></span>

Priscila disse...

Oi Mar, faz o seguinte, no lugar de Link no código vc põe o link:

<marquee behavior="scroll" onmouseout="this.start();" onmouseover="this.stop();"><a href="LINK" title="Coloque aqui o texto"><img alt="moving image by marquee html code" height="200" src="Endereço da imagem" /></a></marquee>

Priscila disse...

Oi atracaojovem, vc tem que colocar o LINK DA IMAGEM no lugar indicado em ENDEREÇO DA IMAGEM.
Certo?

Abrç.

Marina Goes disse...

Olá,deu mais do que certo.*-* Adorei.

Higgor disse...

Tem sim,no meu site-blog que é otaku-mugen.blogspot.com eu fiz com que os parceiros ficassem subindo na barra,e quando passa o mouse neles,eles param ... Espero que tenho ajudado!

Sérgio Moreira disse...

Olá...
segui as orientações deste blog,e coloquei
uma imagem em movimento no meu...e ficou show.
Obrigado pela ajuda...e parabens pelo blog
abraços

Camila Francischetti Ferreira disse...

Olá... queria saber como coloca parceiros subindo pra cima no blog ??? e se puderem me respondam tambem : tem como colocar template no blog sem faze ro download ? pegar o codigo de graça ? se sim , me passe o site pf

Priscila disse...

Oi Camila,

Quando puder postarei sobre a sua dúvida. Poder colocar template no blog usando o código é possível, infelizmente n sei te dizer um blog q faça isso de graça. Abraç.

RADIO VASO ESCOLHIDO disse...

valeu mano

:::::::.....Leozynho Divulgações.....::::::: disse...

É SO CRIAR MARCADORES PARA AS POSTAGENS

icrash04 disse...

Olá Priscila,tudo bem?Pri gostaria de saber de você se possivel,como criar efeito cascata reverso em bottons como os do blog: http://sstephanuss.blogspot.com.br/
na barra de gadgets do item:Jornais e revistas online,onde as imagens sobem de forma individual e sequencial,parando quando se posiciona o mouse sobre elas.Obrigado querida aguardo sua resposta.boa noite.

Priscila disse...

Olá, acrescente o código:

direction="up"

icrash04 disse...

Boa tarde Priscila.Desculpe mas a qual codigo exatamente devo acrescentar isso, em que ponto.Deixe-me explicar melhor.Em um dos exemplos citados por você acima o que me interessou foi o:"Código para parar a imagem quando passarmos o cursor do mouse sobre ela:"Porque me interessou.Suas medidas podem ser alteradas de maneira fácil,bastando apenas modificar o " height="200" que a widght é ajustada de forma proporcional automaticamente.Esse código apenas não me serviu obviamente pela posição em que os buttons se dericionam,pois como havia dito, quero que eles subam como você bem disse "up".Priscila o que eu quero é simples.Como adpatar esse:direction="up" dentro desse código que eu citei.Ou se tem algum outro que você poderia me indicar "completo"para que eu possa inserir em meu blog.Obrigado mais uma vez por sua atenção tenha um ótimo dia.

Priscila disse...

Boa noite, não da para colocar o código aq, por isso vou colocar apenas um trecho, ficaria assim:

marquee behavior="scroll" direction="up" onmouseout=...

Artigos Relacionados

Related Posts Plugin for WordPress, Blogger...