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 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123
|
<html>
<head>
<title></title>
<script>
var ListeImages = new Array()
function MonImage(nom,largeur)
{
this.nom = nom
this.largeur = largeur
}
ListeImages[0] = new MonImage('01.png',131)
ListeImages[1] = new MonImage('02.png',131)
ListeImages[2] = new MonImage('03.png',131)
ListeImages[3] = new MonImage('04.png',131)
ListeImages[4] = new MonImage('05.png',131)
ListeImages[5] = new MonImage('06.png',136)
ListeImages[6] = new MonImage('07.png',131)
ListeImages[7] = new MonImage('08.png',139)
ListeImages[8] = new MonImage('09.png',154)
ListeImages[9] = new MonImage('10.png',131)
var vitesse = 50
var kk = ListeImages.length
var ii
var hhh
var nnn
var Interval
var Pause
var imgArray = new Array(kk)
var myLeft = new Array(kk)
for (ii=0; ii<kk; ii++)
{
imgArray[ii] = new Image()
imgArray[ii].src = ListeImages[ii].nom
imgArray[ii].width = ListeImages[ii].largeur
hhh=0
for (nnn=0; nnn<ii; nnn++)
{
hhh = hhh + ListeImages[nnn].largeur
}
myLeft[ii] = hhh
}
function Chargement()
{
for (ii=0; ii<kk; ii++)
{
if (document.images[ii].complete == false)
{
return false
break
}
}
return true
}
function demarre_defilement()
{
if (Chargement() == true)
{
window.clearInterval(Pause)
Interval = setInterval("defilement()",vitesse)
}
}
function defilement()
{
for (ii=0; ii<kk; ii++)
{
myLeft[ii] = myLeft[ii] - 1
if (myLeft[ii] == -(ListeImages[ii].largeur))
{
hhh = 0
for (nnn=0; nnn<kk; nnn++)
{
if (nnn!=ii)
{
hhh = hhh + ListeImages[nnn].largeur
}
}
myLeft[ii] = hhh
}
document.images[ii].style.left = myLeft[ii]
}
}
Pause = setInterval("demarre_defilement()",3000)
function banniere()
{
for (ii=0; ii<kk; ii++)
{
document.getElementById("banniere").value = document.getElementById("banniere").value + '<img space=0 hspace=0 vspace=0 border=0 height=98 style=position:absolute;top:0;left:' + myLeft[ii] + '; src=images/banniere/' + ListeImages[ii].nom + '>'
}
}
</script>
<style type="text/css">
body
{
background-color : #00FF00;
color : #000000;
font-family : Verdana, sans-serif;
font-size : 11px;
}
#banniere
{
background-color : #FF00FF;
height : 98px;
width : 600px;
}
</style>
</head>
<body onload="javascript:banniere();">
<div id="banniere"></div>
</body>
</html> |
Partager