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).

johnson

Por Johnson Teixeira do Nascimento em 29/11/2004

Hits: 33.953 Categoria: Javascript Subcategoria: Design

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:

http://www.boutell.com/JpegAnim/JpegAnim.class

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">

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!

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

Virtual Host com Apache + SSL

Leitura recomendada

Aplicações para webdesign

CSS - Manual de Estilo (parte 3)

Web sites para TODOS

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

BlueGriffon, o dreamweaver do Linux

Comentários

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

Abraços

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

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

Abraços

É 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/

#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/

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

#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

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

#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

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!!!

#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!!!

Valeu Agoro so nao tenho gifs animados

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

Valeu Agoro so nao tenho gifs animados

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!

#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!

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

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

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

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

#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

boa dica

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

boa dica