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.577 ]

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


Introdução ao JpegAnim



JpgAnim é um applet que permite a você adicionar JPGs animados em suas páginas HTML.

Como baixar


Você vai precisar baixar o JpegAnim.class que está em:
OBS: Não renomear o arquivo, caso contrário não irá funcionar!

Colocando a mão na massa:
Insira o applet (JpegAnim.class) no código de sua página HTML, da forma como está abaixo:

<applet code="JpegAnim.class" width=149 height=134>
  <param name="image1" value="tree1.jpg">
  <param name="delay1" value="1000">
  <param name="image2" value="tree2.jpg">
  <param name="delay2" value="1000">
  <param name="image3" value="tree3.jpg">
  <param name="delay3" value="1000">
  <param name="image4" value="tree4.jpg">
  <param name="delay4" value="1000">
  <param name="cycles" value="10">
<!-- 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>

Observe que você deverá ter os arquivos tree1.jpg, tree2.jpg, tree3.jpg e tree4.jpg. Mas claro que você pode trocar por outras imagens, desde que mude no código também.

Pronto!

Calma... vou explicar como tudo funcionou!

    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 pela W3schools (Parte 1) - Uma introdução

Aplicações para webdesign

CSS - Manual de Estilo (parte 3)

Web sites para TODOS

CSS - Manual básico sobre estilo

  
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