Création de site marchand à Toulouse vente à distance

Accueil
Plan du site
Ajouter aux favoris

Création de site internet
Quelques Références
Demande de Devis
Nous Contacter

Valider

Nos Forums

JavaScript
PHP/MySQL
Travaux Pratiques

AKOTER se charge de création de site marchand à Toulouse.
Demande de devis en ligne.
Quelques Références >>

<< Précédent

:: Navigation ::

Suivant >>

JavaScript >> Images >>

Présentation du code

Titre : Trace de toi (9142 hits)

Ajouté le : Jeudi 16 Août 2001 à 14h33:09

Description : Une animation rigolote qui plaira à coup sûr à vos visiteurs, car ils n'ont pas l'occasion de la rencontrer partout... donc une originalité de plus !!...
nous avons implanté des ronds jaunes, mais toute sorte d'images (traces de pas) et positions sont réalisables avec la technique des layers...

Commentaire :
Actuellement aucun commentaire sur ce code.
Ajouter un commentaire à ce code

Exemple :

Voir la démonstration

Partie <HEAD>

<SCRIPT language=JavaScript>
//Script édité sur http://www.akoter.com
<!--
function MM_showHideLayers() { //v2.0
  var i, visStr, args, theObj;
  args = MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
    visStr   = args[i+2];
    if (navigator.appName == 'Netscape' && document.layers != null) {
      theObj = eval(args[i]);
      if (theObj) theObj.visibility = visStr;
    } else if (document.all != null) { //IE
      if (visStr == 'show') visStr = 'visible'; //convert vals
      if (visStr == 'hide') visStr = 'hidden';
      theObj = eval(args[i+1]);
      if (theObj) theObj.style.visibility = visStr;
  } }
}

function MM_swapImgRestore() { //v2.0
  if (document.MM_swapImgData != null)
    for (var i=0; i<(document.MM_swapImgData.length-1); i+=2)
      document.MM_swapImgData[i].src = document.MM_swapImgData[i+1];
}

function MM_initTimelines() {
    //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
    var ns = navigator.appName == "Netscape";
    document.MM_Time = new Array(1);
    document.MM_Time[0] = new Array(23);
    document.MM_Time["Timeline1"] = document.MM_Time[0];
    document.MM_Time[0].MM_Name = "Timeline1";
    document.MM_Time[0].fps = 4;
    document.MM_Time[0][0] = new String("behavior");
    document.MM_Time[0][0].frame = 1;
    document.MM_Time[0][0].value = "MM_showHideLayers('document.layers[\\\'patte1\\\']','document.all[\\\'patte1\\\']','show')";
    document.MM_Time[0][1] = new String("behavior");
    document.MM_Time[0][1].frame = 2;
    document.MM_Time[0][1].value = "MM_showHideLayers('document.layers[\\\'patte2\\\']','document.all[\\\'patte2\\\']','show')";
    document.MM_Time[0][2] = new String("behavior");
    document.MM_Time[0][2].frame = 3;
    document.MM_Time[0][2].value = "MM_showHideLayers('document.layers[\\\'patte3\\\']','document.all[\\\'patte3\\\']','show')";
    document.MM_Time[0][3] = new String("behavior");
    document.MM_Time[0][3].frame = 4;
    document.MM_Time[0][3].value = "MM_showHideLayers('document.layers[\\\'patte4\\\']','document.all[\\\'patte4\\\']','show')";
    document.MM_Time[0][4] = new String("behavior");
    document.MM_Time[0][4].frame = 5;
    document.MM_Time[0][4].value = "MM_showHideLayers('document.layers[\\\'patte5\\\']','document.all[\\\'patte5\\\']','show')";
    document.MM_Time[0][5] = new String("behavior");
    document.MM_Time[0][5].frame = 6;
    document.MM_Time[0][5].value = "MM_showHideLayers('document.layers[\\\'patte6\\\']','document.all[\\\'patte6\\\']','show')";
    document.MM_Time[0][6] = new String("behavior");
    document.MM_Time[0][6].frame = 7;
    document.MM_Time[0][6].value = "MM_showHideLayers('document.layers[\\\'patte7\\\']','document.all[\\\'patte7\\\']','show')";
    document.MM_Time[0][7] = new String("behavior");
    document.MM_Time[0][7].frame = 8;
    document.MM_Time[0][7].value = "MM_showHideLayers('document.layers[\\\'patte8\\\']','document.all[\\\'patte8\\\']','show')";
    document.MM_Time[0][8] = new String("behavior");
    document.MM_Time[0][8].frame = 9;
    document.MM_Time[0][8].value = "MM_showHideLayers('document.layers[\\\'patte9\\\']','document.all[\\\'patte9\\\']','show')";
    document.MM_Time[0][9] = new String("behavior");
    document.MM_Time[0][9].frame = 10;
    document.MM_Time[0][9].value = "MM_showHideLayers('document.layers[\\\'patte10\\\']','document.all[\\\'patte10\\\']','show')";
    document.MM_Time[0][10] = new String("behavior");
    document.MM_Time[0][10].frame = 11;
    document.MM_Time[0][10].value = "MM_showHideLayers('document.layers[\\\'patte11\\\']','document.all[\\\'patte11\\\']','show')";
    document.MM_Time[0][11] = new String("behavior");
    document.MM_Time[0][11].frame = 12;
    document.MM_Time[0][11].value = "MM_showHideLayers('document.layers[\\\'patte1\\\']','document.all[\\\'patte1\\\']','hide','document.layers[\\\'menuete\\\']','document.all[\\\'menuete\\\']','show')";
    document.MM_Time[0][12] = new String("behavior");
    document.MM_Time[0][12].frame = 13;
    document.MM_Time[0][12].value = "MM_showHideLayers('document.layers[\\\'patte2\\\']','document.all[\\\'patte2\\\']','hide','document.layers[\\\'menuhiver\\\']','document.all[\\\'menuhiver\\\']','show')";
    document.MM_Time[0][13] = new String("behavior");
    document.MM_Time[0][13].frame = 14;
    document.MM_Time[0][13].value = "MM_showHideLayers('document.layers[\\\'patte3\\\']','document.all[\\\'patte3\\\']','hide','document.layers[\\\'menugroupe\\\']','document.all[\\\'menugroupe\\\']','show')";
    document.MM_Time[0][14] = new String("behavior");
    document.MM_Time[0][14].frame = 15;
    document.MM_Time[0][14].value = "MM_showHideLayers('document.layers[\\\'patte4\\\']','document.all[\\\'patte4\\\']','hide','document.layers[\\\'menuplan\\\']','document.all[\\\'menuplan\\\']','show')";
    document.MM_Time[0][15] = new String("behavior");
    document.MM_Time[0][15].frame = 16;
    document.MM_Time[0][15].value = "MM_showHideLayers('document.layers[\\\'patte5\\\']','document.all[\\\'patte5\\\']','hide','document.layers[\\\'menusitu\\\']','document.all[\\\'menusitu\\\']','show')";
    document.MM_Time[0][16] = new String("behavior");
    document.MM_Time[0][16].frame = 17;
    document.MM_Time[0][16].value = "MM_showHideLayers('document.layers[\\\'patte6\\\']','document.all[\\\'patte6\\\']','hide')";
    document.MM_Time[0][17] = new String("behavior");
    document.MM_Time[0][17].frame = 18;
    document.MM_Time[0][17].value = "MM_showHideLayers('document.layers[\\\'patte7\\\']','document.all[\\\'patte7\\\']','hide')";
    document.MM_Time[0][18] = new String("behavior");
    document.MM_Time[0][18].frame = 19;
    document.MM_Time[0][18].value = "MM_showHideLayers('document.layers[\\\'patte8\\\']','document.all[\\\'patte8\\\']','hide')";
    document.MM_Time[0][19] = new String("behavior");
    document.MM_Time[0][19].frame = 20;
    document.MM_Time[0][19].value = "MM_showHideLayers('document.layers[\\\'patte9\\\']','document.all[\\\'patte9\\\']','hide')";
    document.MM_Time[0][20] = new String("behavior");
    document.MM_Time[0][20].frame = 21;
    document.MM_Time[0][20].value = "MM_showHideLayers('document.layers[\\\'patte10\\\']','document.all[\\\'patte10\\\']','hide')";
    document.MM_Time[0][21] = new String("behavior");
    document.MM_Time[0][21].frame = 22;
    document.MM_Time[0][21].value = "MM_showHideLayers('document.layers[\\\'patte11\\\']','document.all[\\\'patte11\\\']','hide')";
    document.MM_Time[0][22] = new String("behavior");
    document.MM_Time[0][22].frame = 23;
    document.MM_Time[0][22].value = "MM_showHideLayers('document.layers[\\\'patte12\\\']','document.all[\\\'patte12\\\']','hide')";
    document.MM_Time[0].lastFrame = 23;
    for (i=0; i<document.MM_Time.length; i++) {
        document.MM_Time[i].ID = null;
        document.MM_Time[i].curFrame = 0;
        document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
    }
}
//-->
</SCRIPT>

Dans la balise <BODY>

onload="MM_timelinePlay('Timeline1');"

Exemple : <body onload="MM_timelinePlay('Timeline1');">

Partie <BODY>

<DIV id=patte1 style="height: 2; left: 540; position: absolute; top: 350; visibility: hidden; width: 18; z-index: 1">
<IMG src="VOTRE_IMAGE.gif"></DIV>
<DIV id=patte2 style="height: 2; left: 560; position: absolute; top: 320; visibility: hidden; width: 1; z-index: 7">
<IMG src="VOTRE_IMAGE.gif"></DIV>
<DIV id=patte3 style="height: 2; left: 540; position: absolute; top: 290; visibility: hidden; width: 2; z-index: 4">
<IMG src="VOTRE_IMAGE.gif"></DIV>
<DIV id=patte4 style="height: 1; left: 560; position: absolute; top: 260; visibility: hidden; width: 3; z-index: 8">
<IMG src="VOTRE_IMAGE.gif"></DIV>
<DIV id=patte5 style="height: 3; left: 540; position: absolute; top: 230; visibility: hidden; width: 2; z-index: 3">
<IMG src="VOTRE_IMAGE.gif"></DIV>
<DIV id=patte6 style="height: 3; left: 560; position: absolute; top: 200; visibility: hidden; width: 3; z-index: 9">
<IMG src="VOTRE_IMAGE.gif"></DIV>
<DIV id=patte7 style="height: 1; left: 540; position: absolute; top: 170; visibility: hidden; width: 1; z-index: 2">
<IMG src="VOTRE_IMAGE.gif"></DIV>
<DIV id=patte8 style="height: 2; left: 560; position: absolute; top: 140; visibility: hidden; width: 7; z-index: 10">
<IMG src="VOTRE_IMAGE.gif"></DIV>
<DIV id=patte9 style="height: 2; left: 540; position: absolute; top: 110; visibility: hidden; width: 8; z-index: 5">
<IMG src="VOTRE_IMAGE.gif"></DIV>
<DIV id=patte10 style="height: 2; left: 560; position: absolute; top: 80; visibility: hidden; width: 18; z-index: 11">
<IMG src="VOTRE_IMAGE.gif"></DIV>
<DIV id=patte11 style="height: 5; left: 540; position: absolute; top: 50; visibility: hidden; width: 8; z-index: 6">
<IMG src="VOTRE_IMAGE.gif"></DIV>