Afficher une bannière dans une div avec javascript

Version imprimable

Bonjour,

J'ai cherché une solution à mon problème sur le net mais je n'ai pas trouvé une solution convenable et qui fonctionne. En effet, je voudrai afficher une bannière d'image succesive dans une div avec javascript.

En premier lieu, je voudrai afficher une seule image dans cete div et voici le code javascript que j'ai testé mais il ne fonctionne pas :
Code:

1 2 3 4 5 6 7 <SCRIPT language=JavaScript> div = document.getElementById("div1"); Img = document.createElement('img'); Img.setAttribute('src','images/f5.jpg'); div.insertBefore(Img, div.firstChild); </SCRIPT>

23/10/2013, 11h11
SpaceFrog

ou est placé ce script ? a quel moment est il lancé ?
23/10/2013, 11h22
houssem86

J'ai mis une function qui onglobe ce script et je l'ai appelé via "onload" dans body et ce script marche.
Mais ce n'est pas ceci que je veux. Je veux une bannière avec des images successive qui s'exécute au chargement de la page.
23/10/2013, 11h25
javatwister

ben tente de le placer après l'élément visé, déjà :roll:
23/10/2013, 11h27
javatwister

hein? (méditation récursive à tendance culpabilisante)

Bon, j'ai modifié une peu mon code. Mais, j'ai en résultat des images qui s'affiche l'une à coté de l'autre dans la div !! alors que je veux une image à la place de l'autre.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 function affi() { var ad=new Array() ad[0]='images/f1.jpg'; ad[1]='images/f2.jpg'; ad[2]='images/f3.jpg'; ad[3]='images/f4.jpg'; ad[4]='images/f5.jpg'; var i=0; while (i<5) { var xy=Math.floor(Math.random()*ad.length); div = document.getElementById("div1"); Img = document.createElement('img'); Img.setAttribute('src',ad[xy]); div.insertBefore(Img, div.firstChild); i++; } }
Code:

<body onload="affi()">

23/10/2013, 11h41
SpaceFrog

tu créées une nouvelle image à chaque fois ... :roll: et tu t'étonnes ????

modifie le src d'une balise existante ...

Bon, voila j'ai modifié la scr de l'image et j'ai ajouté un setTimeout et j'ai ma bannière :mrgreen: je met le code au cas ou quelqu'un aura un jour besoin :

code javascript :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function affi()
	{
 
	/*
	+---------------------------------------------------------+
	BANNIERE PUBLICITAIRE 
	+---------------------------------------------------------+
	*/
 
	var ad=new Array()
	//Mettre les images ici
	ad[0]='images/f1.jpg';
	ad[1]='images/f2.jpg';
	ad[2]='images/f3.jpg';
	ad[3]='images/f4.jpg';
	ad[4]='images/f5.jpg';
 
	var xy=Math.floor(Math.random()*ad.length);
	document.getElementById("img").src=ad[xy];
	setTimeout(affi,1000);
	}
	affi();

code HTML :

Code:

1
2
3
4
<body onload="affi()">
<div id="div1">
<img src="images/f5.jpg" id="img">
</div>

24/10/2013, 08h26
SpaceFrog

un preloader serait plus efficace ...