[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: