Modif script diaporama

Fermé
chaman35 - 11 juin 2009 à 13:51
 chaman35 - 14 juin 2009 à 10:56
j'ai trouve ce script sympa pour faire un diaporama avec effet de transition mais je voudrais que la lecture soit automatique et qu'il n'y ai plus besoin de clicer sur l'image. et egalement que le diaporama s'arrete a la derniere image.

<script language="javascript">
var largDepart = 0
var hautDepart = 0
var numImg = 0
var timerRe = 0
var timerAg = 0
var tabImage = new Array()
tabImage[0] = "Cathedrale.gif"
tabImage[1] = "Palais - 3 D en Plaine.gif"
tabImage[2] = "zetaJones1.jpg"
tabImage[3] = "EAU.gif"
var tabDesc = new Array()
tabDesc[0] = "Description Cathedrale"
tabDesc[1] = "Description Palais - 3 D en Plaine"
tabDesc[2] = "Description zetaJones"
tabDesc[3] = "Description EAU"

function init(obj) {
obj.src = tabImage[numImg]
obj.alt = tabDesc[numImg]
largDepart = obj.width
hautDepart = obj.height
}

function changeImage(obj) {
if (timerAg != 0) {
clearTimeout(timerAg)
timerAg = 0
}
if (timerRe == 0) { timerRe = setTimeout("retrecirImage("+obj.name+")",0) }
}

function agrandirImage(obj) {
if (obj.width < largDepart) {
obj.width++
obj.height = hautDepart
timerAg = setTimeout("agrandirImage("+obj.name+")",0)
}
else {
clearTimeout(timerAg)
timerAg = 0
}
}

function retrecirImage(obj) {
if (obj.width > 0) {
obj.width--
obj.height = hautDepart
timerRe = setTimeout("retrecirImage("+obj.name+")",0)
}
else {
clearTimeout(timerRe)
timerRe = 0
obj.src = tabImage[(numImg+1)%tabImage.length]
obj.alt = tabDesc[numImg]
numImg++
timerAg = setTimeout("agrandirImage("+obj.name+")",0)
}
}
</script>
<BR>
<DIV align="center"><img name="image" onclick="changeImage(image)">
<BR>Cliquez sur l'image pour voir la suivante</DIV>
<script language="javascript">
init(image)
</script>

quelles serait la balise a inserer? svp
A voir également:

2 réponses

Bon bah c bon lol si ca peu servir voili voilou

<script language="javascript">
var largDepart = 0;
var hautDepart = 0;
var numImg = 0;
var timerRe = 0;
var timerAg = 0;
var tabImage = new Array();
tabImage[0] = "image/1.jpg"
tabImage[1] = "image/2.jpg"
tabImage[2] = "image/3.jpg"
tabImage[3] = "image/4.jpg"
tabImage[4] = "image/5.jpg"
tabImage[5] = "image/6.jpg"
tabImage[6] = "image/7.jpg"
tabImage[7] = "image/8.jpg"
tabImage[8] = "image/9.jpg"
var tabDesc = new Array();
tabDesc[0] = "architecte designer";
tabDesc[1] = "paysagiste";
tabDesc[2] = "artisan fondation menuiserie";
tabDesc[3] = "";

function init(obj) {
obj.src = tabImage[numImg];
obj.alt = tabDesc[numImg];
largDepart = obj.width;
hautDepart = obj.height;
changeImage(obj); // ajout pour démarrage première fois
}

function changeImage(obj) {

if (timerAg != 0) {
clearTimeout(timerAg);
timerAg = 0;
}

if (timerRe == 0) {
timerRe = setTimeout("retrecirImage("+obj.name+")",0);
}
}



function agrandirImage(obj) {

if (obj.width < largDepart) {
obj.width++;
obj.height = hautDepart;
timerAg = setTimeout("agrandirImage("+obj.name+")",0);
if (obj.width == largDepart) changeImage(obj); // ajout pour défilement quand image atteind largeur départ
} else {

clearTimeout(timerAg);
timerAg = 0;
}
}

function retrecirImage(obj) {

if (obj.width > 0) {
obj.width--;
obj.height = hautDepart;
timerRe = setTimeout("retrecirImage("+obj.name+")",0);

} else {
clearTimeout(timerRe);
timerRe = 0;
obj.src = tabImage[(numImg+1)%tabImage.length];
//obj.alt = tabDesc[numImg]
obj.alt = tabDesc[(numImg+1)%tabImage.length]; // modif pour avoir la bonne description sur l'image, sinon décalage
numImg++;
timerAg = setTimeout("agrandirImage("+obj.name+")",0);
}
}
</script>
</head>
<body bgcolor="#ffffff" onload="init(image)">
<div align="left"><img name="image">
</div>
1
personne n'a une idee svp
0
bon ba c bon lol si ca peu servir ....

<script language="javascript">
var largDepart = 0;
var hautDepart = 0;
var numImg = 0;
var timerRe = 0;
var timerAg = 0;
var tabImage = new Array();
tabImage[0] = "image/1.jpg"
tabImage[1] = "image/2.jpg"
tabImage[2] = "image/3.jpg"
tabImage[3] = "image/4.jpg"
tabImage[4] = "image/5.jpg"
tabImage[5] = "image/6.jpg"
tabImage[6] = "image/7.jpg"
tabImage[7] = "image/8.jpg"
tabImage[8] = "image/9.jpg"
var tabDesc = new Array();
tabDesc[0] = "architecte designer";
tabDesc[1] = "paysagiste";
tabDesc[2] = "artisan fondation menuiserie";
tabDesc[3] = "";

function init(obj) {
obj.src = tabImage[numImg];
obj.alt = tabDesc[numImg];
largDepart = obj.width;
hautDepart = obj.height;
changeImage(obj); // ajout pour démarrage première fois
}

function changeImage(obj) {

if (timerAg != 0) {
clearTimeout(timerAg);
timerAg = 0;
}

if (timerRe == 0) {
timerRe = setTimeout("retrecirImage("+obj.name+")",0);
}
}



function agrandirImage(obj) {

if (obj.width < largDepart) {
obj.width++;
obj.height = hautDepart;
timerAg = setTimeout("agrandirImage("+obj.name+")",0);
if (obj.width == largDepart) changeImage(obj); // ajout pour défilement quand image atteind largeur départ
} else {

clearTimeout(timerAg);
timerAg = 0;
}
}

function retrecirImage(obj) {

if (obj.width > 0) {
obj.width--;
obj.height = hautDepart;
timerRe = setTimeout("retrecirImage("+obj.name+")",0);

} else {
clearTimeout(timerRe);
timerRe = 0;
obj.src = tabImage[(numImg+1)%tabImage.length];
//obj.alt = tabDesc[numImg]
obj.alt = tabDesc[(numImg+1)%tabImage.length]; // modif pour avoir la bonne description sur l'image, sinon décalage
numImg++;
timerAg = setTimeout("agrandirImage("+obj.name+")",0);
}
}
</script>
</head>
<body bgcolor="#ffffff" onload="init(image)">
<div align="left"><img name="image">
</div>
0