1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
| <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='fr'>
<head>
</head><body>
<SCRIPT type=text/javascript src="zzz/fade.js"></SCRIPT>
<style>
img.fade {position: absolute;}
div.centre0X {width: 600px;margin : auto;height: 350px}
</style>
<div class='centre0X' >
<img class='fade' id='la1' src="0test/test7.jpg" title="Aide aux associations" style="Z-INDEX: -10" />
<img class='fade' id='la2' src="0test/test8.jpg" title="Conseils Communication" style="Z-INDEX: -11" />
<img class='fade' id='la3' src="0test/test3.jpg" title="Graphisme et Photos" style="Z-INDEX: -12" />
<img class='fade' id='la4' src="0test/test4.jpg" title="Mailing listes et Bases de Donnees" style="Z-INDEX: -13" />
<img class='fade' id='la5' src="0test/test5.jpg" title="Maintenance Permanente" style="Z-INDEX: -14" />
<img class='fade' id='la6' src="0test/test6.jpg" title="Systeme et reseaux" style="Z-INDEX: -15" /><br />
</div>
<SCRIPT language=JavaScript>
var lui=0;
var sens=0;
setTimeout("Go();", 5100);
function Go(){
if (sens==0) lui++;
if (sens==1) lui--;
if (lui==6)
{
lui=5;
sens=1;
}
fade( document.getElementById('la'+lui), sens );
if (lui==1 && sens==1) { sens=0; lui=0; }
setTimeout("Go();", 3000);
}
</SCRIPT>
</body></html> |