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

**killian_2008** · 07/01/2008, 08h26

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.

**Diablo_22** · 07/01/2008, 10h46

sa sent les devoirs de vacances pas fait ça

Pour les images aléatoire avec timer

Dans le Head

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**killian_2008** · 09/01/2008, 02h58

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 !

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

JavaScript

Discussions similaires

Partager

Partager