Discussion :

[parilla77]

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 :

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

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>

[HiRoN]

Salut,

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 ?

[parilla77]

Salut,

Oui j'ai essayé, cela n'a rien donné, apres peut etre que je m'en suis mal servi ...

[HiRoN]

Un petit tour ici pourrait (peut-être) t'aider...

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

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

[parilla77]

Oui pardon

J'ai essayer comme ça

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

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

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

[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".

[parilla77]

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

[GihefBey]

Bonjour,

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 :

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

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" />
  <!-- ou en background si tu préfères -->
    </div>
  </div>
</div>

Bien-sûr, tu sortitas les styles des balises pour les placer dans ta feuille de styles (-;

-

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