[DOM] mouvement d'images avec timer en javascript ?

Version imprimable

07/01/2008, 08h26
killian_2008

[DOM] mouvement d'images avec timer en javascript ?

Je dois créer très vite un code javascript tel que celui ci :

Chargement d'une image toutes les x secondes (avec Timer dans le onload du body : setTimeout ou setInterval)

Les images (20 au total) peuvent se trouver dans un tableau ( [["titre1","url1"]["titre2","url2"]] )

Apparition de l'image à un endroit au hasard à chaque nouvelle image ( utiliser un div absolu avec id - Déplacer avec le nouveau DOM en ciblant les css propriétés left et top.)

Agrandissement progressif de l'image jusqu'à une taille fixe (ex 400 px en nommant l'image id - modifier avec le nouveau dom sa propriété css width et utiliser un timer pour agrandir petit à petit)

Déplacement de l'iamge jusqu'au milieu de la page.
Déplacement et agrandissement en même temps avec le même timer.

Puis si possible :
Le nom de l'image s'affiche comme titre de la page ainsi que dans la page.
La couleur et la taille du titre de l'image change à chaque nouvelle image.

J'y ai passé la nuit je dois par être doué je n'ai aucune idée de comment faire toutes ces fonctions en un seul script.

:mouarf: sa sent les devoirs de vacances pas fait ça

Pour les images aléatoire avec timer

Dans le Head

Code:

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
<SCRIPT LANGUAGE="JavaScript">

var nbimage= 20;
var width;
var height;
var url;
var alte;
function Timer()
{
comp=(setTimeout("start()",10000));
}
function banniere()
{
numimage= Math.round(Math.random()*(nbimage-1)+1);
if (numimage <= 10)
{
gotosite = "A DEFINIR";
url = "A DEFINIR";
alte = "A DEFINIR";
}
if(gotosite != "")
	{
	document.write ('<A HREF="' + gotosite + '">');	
	}
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')
if(gotosite != "")
	{
	document.write('</A>')
	}
}
</SCRIPT>

Dans le Body

Code:

1
2
3
4
5
6
 
<BODY onload="JavaScript:Timer();">
<SCRIPT language="JavaScript">
banniere();
</SCRIPT>
</BODY>

09/01/2008, 02h58
killian_2008

Euh oui ...

:oops: c'est effectivement un exercice de vacances mais moins que de la fainéantise ... ce n'est pas de mon niveau.

Merci pour ton aide précieuse ! :lol: