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
|
<html>
<head>
<title>Test</title>
<script language="javascript">
var largDepart = 0
var hautDepart = 0
var numImg = 0
var timerRe = 0
var timerAg = 0
var vitesse = 50
var tabImage = new Array()
tabImage[0] = "images/1.jpg"
tabImage[1] = "images/2.jpg"
tabImage[2] = "images/3.jpg"
tabImage[3] = "images/4.jpg"
var tabDesc = new Array()
tabDesc[0] = "Description Cathedrale"
function init(obj){
obj.src = tabImage[numImg]
obj.alt = tabDesc[numImg]
largDepart = obj.width
hautDepart = obj.height
if (vitesse > largDepart) {
vitesse = largDepart
}
}
function changeImage(obj, sens){
if (timerAg != 0) {
clearTimeout(timerAg)
timerAg = 0
}
if (timerRe == 0) {
timerRe = setTimeout("retrecirImage(" + obj.name + "," + sens + ")", 0)
}
}
function agrandirImage(obj){
if (obj.width < largDepart) {
if (obj.width + vitesse > largDepart) {
obj.width = largDepart
}
else {
obj.width += vitesse
}
obj.height = hautDepart
timerAg = setTimeout("agrandirImage(" + obj.name + ")", 0)
}
else {
clearTimeout(timerAg)
timerAg = 0
}
}
function retrecirImage(obj, sens){
if (obj.width > 0) {
obj.width -= vitesse
obj.height = hautDepart
timerRe = setTimeout("retrecirImage(" + obj.name + "," + sens + ")", 0)
}
else {
clearTimeout(timerRe)
timerRe = 0
if (numImg == 0)
numImg = tabImage.length;
obj.src = tabImage[(numImg + sens) % tabImage.length]
obj.alt = tabDesc[(numImg + sens) % tabImage.length]
numImg += sens
timerAg = setTimeout("agrandirImage(" + obj.name + ")", 0)
}
}
</script>
</head>
<body onload="init(image)">
<div align="center">
<img name="image">
</div>
<a href="#" onclick="changeImage(image,-1)">precedent</a>
<a href="#" onclick="changeImage(image,1)">suivant</a>
</body>
</html> |
Partager