Afficher une bannière dans une div avec javascript

**houssem86** · 23/10/2013, 11h05

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 :

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

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>

**SpaceFrog** · 23/10/2013, 11h11

ou est placé ce script ? a quel moment est il lancé ?

**houssem86** · 23/10/2013, 11h22

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.

**javatwister** · 23/10/2013, 11h25

ben tente de le placer après l'élément visé, déjà

**javatwister** · 23/10/2013, 11h27

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

**houssem86** · 23/10/2013, 11h38

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 :

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

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

<body onload="affi()">

**SpaceFrog** · 23/10/2013, 11h41

tu créées une nouvelle image à chaque fois ...

et tu t'étonnes ????

modifie le src d'une balise existante ...

**houssem86** · 23/10/2013, 12h13

Bon, voila j'ai modifié la scr de l'image et j'ai ajouté un setTimeout et j'ai ma bannière

je met le code au cas ou quelqu'un aura un jour besoin :

code javascript :

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

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

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

**SpaceFrog** · 24/10/2013, 08h26

un preloader serait plus efficace ...

Afficher une bannière dans une div avec javascript

JavaScript

Discussions similaires

Partager

Partager