Talvez não seja nova, mas eu não a conhecia e fui descobrir por casualidade num dia em que provava como colocar fotos animadas e que a animação não pesasse mais que o próprio conteúdo das fotos; talvez este efeito possa ser útil a mais gente.
Introdução:
O código marquee se utiliza para inserir textos que se movem tal como uma
marquise de cinema; mas pode ser utilizado também para fazer uma bonita
animação com fotografias ou gráficos; ou seja, ao invés de fazer uma animação em algum programa de animação ou inserir um flash, podemos
cria-la diretamente em nossa web com o código marquee, com o qual nossa animação pesará muito menos do que com qualquer animação ou flash;
Para isso devemos:
1.- Criar uma Tabela e dar a esta a largura e o comprimento de uma de nossas fotografias, pois a idéia é que se veja uma só por vez, se no caso quisermos que corra uma série de fotografias, pois dê à tabela a largura de todas as fotos ou gráficos que entrarem em uma tela; geralmente 640 pixels de largura.
2.- Inserir dentro da Tabela o código <marquee> </marquee> e os
códigos próprios do <marquee> que fazem com que o seu conteúdo se mova da
esquerda à direita ou vice-versa; ida e volta e a velocidade a que queremos que nossos gráficos se movam ao interior da marquise. Se quisermos que nossa animação tenha uma cor de fundo, lhe colocaremos cor de fundo à tabela e lhe daremos dois ou três pixels mais de largura e altura do que nosso conteúdo.
3.- Inserir entre <marquee> e </marquee> nossos gráficos ou fotografias,
que se comportarão como uma animação, porém, esta será muito menos pesada
porque não necessitaremos de nenhum código extra que faça com que nossos gráficos ou fotos tenham movimento.
Espero isso seja útil!
Por Carlos O. López Schmidt