Script derriere une image

Version imprimable

03/11/2008, 13h16
parilla77

Script derriere une image
Bonjour,

J'ai un petit probleme ... J'ai une image .gif avec une partie de celle ci qui est trensparante. J'ai aussi un javascript qui fait defiler des images, j'ai supperposé mon gif et mon script.
Le probleme maintenant c'est que les images defiles au premier plan, alors que je voudrais que cela defil derriere le gif.
Je sais pas si j'ai été tres clair !?...

Pouriez vous m'eclairer merci
Code:

1 2 3 4 5 <div id="header"> <div style="position: absolute; width: 45px; left: 40px; top: 45px;"> <script language="JavaScript1.2" > </script></div> </div>
03/11/2008, 13h19
HiRoN

Salut,

Citation:

Le probleme maintenant c'est que les images défilent au premier plan, alors que je voudrais que cela défile derrière le gif.

As-tu regardé du côté de la propriété CSS z-index ?
03/11/2008, 15h35
parilla77

Salut,

Oui j'ai essayé, cela n'a rien donné, apres peut etre que je m'en suis mal servi ...
03/11/2008, 15h39
HiRoN

Un petit tour ici pourrait (peut-être) t'aider...
05/11/2008, 13h53
parilla77

Salut,

J'ai essayé l'exemple de supperposition d'images, mais le script reste toujours en premier plan. pourtant avec le texte, il passe bien par dessus ....
05/11/2008, 14h06
Bisûnûrs

On se sait pas à quel endroit est le gif dans ton code ni quelles propriétés CSS tu lui as mis.

Oui pardon

J'ai essayer comme ça

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
 
#header {
	height: 209px;
	background: url(../images/index/h1.gif) no-repeat;
	z-index : 30;
}
#dessous {
	position : absolute;
	z-index : 1;
	}
//////////////////////////////////////////////////////
<div id="header">
<script language="JavaScript1.2" >
.
.
.
slideimages[0]='<img src="\images/un.jpg" id="dessous">'
slideimages[1]='<img src="\images/deux.jpg" id="dessous">'
slideimages[2]='<img src="\images/3.jpg" id="dessous">'
slideimages[3]='<img src="\images/5.bmp" id="dessous">'
slideimages[4]='<img src="\images/4.jpg" id="dessous">'
.
.
.

J'ai aussi essayé comme ça

Code:

<script language="JavaScript1.2" id="dessous">

05/11/2008, 15h36
ThomasR

Bonjour,

Qu'est ce que tu entend par superposer l'image sur le script ?

Le script est quelque-chose de presque abstrait, tu ne peux pas le voir visuellement sur ton écran.

Tu veux faire défiler tes images derrière un gif donc le gif doit avoir un id="dessus" et tes autres image un id="dessous".
05/11/2008, 15h59
parilla77

Citation:

Envoyé par ThomasR

Tu veux faire défiler tes images derrière un gif donc le gif doit avoir un id="dessus" et tes autres image un id="dessous".

C'est ce que j'ai fait avec z-index :

mon header ( gif) z-index : 30;
les images dans le script z-index : 1;

donc je ne sais pas d'ou ça vient

Bonjour,

Citation:

J'ai une image .gif

Dans le code que tu donnes elle n'apparaît pas.
Où est-elle ?
C'est l'arrière-plan du header ?

Si c'est ça, ça ne te semble pas contradictoire de vouloir mettre l'arrière-plan d'un bloc qui en contient un autre en avant-plan du deuxième ?
Et puis, tu ne donnes pas assez d'infos.
Où peut-on voir cette page ? Son adresse ?

Essaye comme ça
Code:

1 2 3 4 5 6 7 8 9 10 <div id="header"> <div style="position: relative; width: 45px; left: 40px; top: 45px;"> <script type="text/javascript"></script> <div style="position: absolute; et_les_bonnes_mesures;"> <img src="h1.gif" alt="le titre" />  </div> </div> </div>
Bien-sûr, tu sortitas les styles des balises pour les placer dans ta feuille de styles (-;

-

12/12/2008, 12h22
parilla77

Bonjour,

Ayant un peu plus de temps en ce moment, je mi remet.

Pour visualiser tous les fichiers
http://romain.bridoux.free.fr/

Le site :
http://romain.bridoux.free.fr/archive

voila je pense que ça peut aider

Donc c'est "h1.gif" qui est dans archive qui devrait passer au dessus de la baniere qui défile.

Parcontre j'ai essayé pas mal de truc, donc désolé si c'est le bordel dans les sources ...