Criando JPG animado com o JpegAnim

Neste artigo explicarei rapidamente como criar um JPG animado, isto mesmo, JPG animado para colocar em suas páginas HTML. Uma ótima opção para quem não quer ficar a mercê de problemas com direitos autorais envolvendo os GIFs (mesmo sabendo que sua patente já venceu).

[ Hits: 32.607 ]

Por: Johnson Teixeira do Nascimento em 29/11/2004


Entendendo o a sintaxe do JpegAnim.class



1) Você abriu o applet com a tag <applet code="JpegAnim.class" width=149 height=134> e fechou com </applet>. Você apontou para o código do applet com o atributo "code". Width e height, serve para configura a largura e a altura da imagem, respectivamente.

2)
<param name="image1" value="tree1.jpg">
<param name="delay1" value="1000">
<param name="image2" value="tree2.jpg">
<param name="delay2" value="1000">

Delay, em palavras simples, significa quanto tempo irá demorar para trocar para a próxima imagem. Então, quer dizer que, a imagem "tree1.jpg" vai demorar 1000 milisegundos para trocar para a "tree2.jpg".

3) <param name="cycles" value="10">

Aqui, definimos quantas vezes a animação vai se repetir e, para isto, usamos o "cycles" com o "value" em 10. Tudo isto significa que vai se repetir 10 vezes. Se quiser que se repita 186 vezes, a tag ficará assim: <param name="cycles" value="180">.

Se quiser que a animação se repita infinitas vezes, não coloque esta tag.

4)
<!-- This text is shown to people who do not have Java -->
Sorry, your web browser does not support Java applets, or you have turned them off. Try Netscape 3.0 or better, or MSIE 3.0 or better. </applet>


Este texto serve para avisar que a pessoa não tem Java instalado e/ou está desligado; está usando uma versão muito antiga do Netscape ou MSIE. Enfim, use do jeito que achar melhor.

Página anterior     Próxima página

Páginas do artigo
   1. Introdução ao JpegAnim
   2. Entendendo o a sintaxe do JpegAnim.class
   3. Dicas
Outros artigos deste autor

Virtual Host com Apache + SSL

Virtual Host com Apache

Leitura recomendada

CSS - Manual básico sobre estilo

CSS pela W3schools (Parte 1) - Uma introdução

CSS - Manual de Estilo (parte 3)

Aplicações para webdesign

Web sites para TODOS

  
Comentários
[1] Comentário enviado por vodooo em 29/11/2004 - 07:24h

Bem legal seu artigo! Apresentando soluções free!!

Abraços

[2] Comentário enviado por daaugusto em 30/11/2004 - 05:45h

É interessante saber das alternativas, mas infelizmente esta solução parece não gerar uma seqüência otimizada, isto é, aproveitar-se das semelhanças entre os quadros e então reduzir redundâncias, como ocorre no formato GIF e MNG.

Acredito que a melhor alternativa ao GIF --tanto tecnológica como legal-- é o MNG¹, ou "PNG animado", que também aceita quadros em formato JPEG. O problema é que ainda poucos navegadores reconhecem este formato, entre eles o Konqueror e Netscape 6 --mas não, por exemplo, o Mozilla.

¹ http://www.libpng.org/pub/mng/

[3] Comentário enviado por hugoraiuri em 04/03/2005 - 01:29h

É uma otima opção para dar uma incrementada em nossas Home Pages....... vlw

[4] Comentário enviado por diogozanetti em 07/04/2005 - 17:38h

Essa solução não é muito viavel, pois se imaginarmos algumas páginas com essa implementação poderemos ter diversos problemas, primeiro o custo de acionar uma jvm + browser, segundo que força que um usuário tenha uma jvm, me desculpe, mas nem todos tem.
infelizmente a alternativa mais racional é png e o infeliz gif

[5] Comentário enviado por Hernando em 03/05/2005 - 12:17h

Boa!!! Adoro Java... a Sun revoluciona com simples .class, sou fã de tudo que é relacionada a esta mega empresa que superasse a cada dia... e espero que suas fontes sejam abertas o quanto antes!!!

[6] Comentário enviado por nexushu em 29/11/2005 - 21:08h

Valeu Agoro so nao tenho gifs animados

[7] Comentário enviado por removido em 18/02/2006 - 16:10h

seguinte, vi em outro site um unico arquivo .jpg q é animado, consegui fazr este esquema q esta em cima, mas não consigo salvar essa imagem!

[8] Comentário enviado por rickments em 06/07/2006 - 09:08h

muito bom :D
unico defeito da macromedia é nao dar apoio ao linux :///

[9] Comentário enviado por diegohp em 03/01/2008 - 16:35h

Desculpe a ignorancia amigo mais eu não manjo muito web
sô quero saber de onde sai as imagens e como animalas naquele código

abços

[10] Comentário enviado por comfaa em 28/10/2008 - 12:23h

boa dica


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts