Este é um exemplo de uma Máquina de estados em java script...
Créditos para João Dovicchi, Professor de Estrutura de Dados.

• Download maq_est_finito.tar.gz
• Enviar nova versão

Esconder código-fonte

<script>
   <!-- Begin
   var maximages = 25;
   var fadespeed = 800;
   var fadeintimer;
   var fadeouttimer;
   var fadeincount = 0;
   var fadeoutcount = maximages-1;
   var fadearray = new Array(maximages);
   fadearray[0] = "imagens/mov/est_fin_01.png";
   fadearray[1] = "imagens/mov/est_fin_02.png";
   fadearray[2] = "imagens/mov/est_fin_03.png";
   fadearray[3] = "imagens/mov/est_fin_04.png";
   fadearray[4] = "imagens/mov/est_fin_05.png";
   fadearray[5] = "imagens/mov/est_fin_06.png";
   fadearray[6] = "imagens/mov/est_fin_07.png";
   fadearray[7] = "imagens/mov/est_fin_08.png";
   fadearray[8] = "imagens/mov/est_fin_09.png";
   fadearray[9] = "imagens/mov/est_fin_10.png";
   fadearray[10] = "imagens/mov/est_fin_11.png";
   fadearray[11] = "imagens/mov/est_fin_12.png";
   fadearray[12] = "imagens/mov/est_fin_13.png";
   fadearray[13] = "imagens/mov/est_fin_14.png";
   fadearray[14] = "imagens/mov/est_fin_15.png";
   fadearray[15] = "imagens/mov/est_fin_16.png";
   fadearray[16] = "imagens/mov/est_fin_17.png";
   fadearray[17] = "imagens/mov/est_fin_18.png";
   fadearray[18] = "imagens/mov/est_fin_19.png";
   fadearray[19] = "imagens/mov/est_fin_20.png";
   fadearray[20] = "imagens/mov/est_fin_21.png";
   fadearray[21] = "imagens/mov/est_fin_22.png";
   fadearray[22] = "imagens/mov/est_fin_23.png";
   fadearray[23] = "imagens/mov/est_fin_24.png";
   fadearray[24] = "imagens/mov/est_fin_25.png";
   for (var i = 0; i < maximages; i++) {
   eval('pic' + i + ' = new Image();');
   eval('pic' + i + '.src = fadearray[i];');
   }
   function fade_in() {
      clearTimeout(fadeouttimer);
      document.images['fade-pic'].src = fadearray[fadeincount];
      if (fadeincount != maximages-1) {
         fadeincount++;
         fadeintimer = setTimeout('fade_in()', fadespeed);
      }
      else {
         clearTimeout(fadeintimer);
         fadeincount = 0;
         }
   }
   function fade_out() {
      clearTimeout(fadeintimer);
      document.images['fade-pic'].src = fadearray[fadeoutcount];
      clearTimeout(fadeouttimer);
      fadeincount = 0;
      fadeoutcount = 0;
   }
   //-->
   </script>

Simplificando ao extremo o carrossel

Atalhos de teclado

criando uma tabela html

Contador

xCalc: Calculadora

Nenhum comentário foi encontrado.