Discussion :

[Incenticepub]

Bonjour,

j'ai besoin d'un grand coup de main car là je bug.

Pour commencer voici le code en question qui me pose problème:

Code html :

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<li 
style="
position:relative;
float:left;
width:180px;
height:224px;
padding:5px;
list-style:none;
">
 
<img src="../../../bodys.jpg"
 
style="  "
 
onmouseout="
this.style.width='150px';
this.style.height='224px';
this.style.z-index='20';
this.style.transition-property='width,height,z-index';
this.style.transition-duration='0.4s';"
 
onmouseover="
this.style.position='absolute';
this.style.width='467px';
this.style.height='700px';
this.style.z-index='100';
"/>
 
<strong>
</strong>
</li>
<li style="
position:relative;
float:left;
width:180px;
height:224px;
padding:5px;
list-style:none;
">
<img src="../../../bodys.jpg" 
style="  "
 
onmouseout="
this.style.width='150px';
this.style.height='224px';
this.style.z-index='20';
this.style.transition-property='width,height,z-index';
this.style.transition-duration='0.4s';" 
 
onmouseover="
this.style.position='absolute';
this.style.width='467px';
this.style.height='700px';
this.style.z-index='100';
"/>
 
<strong>
</strong>
 
</li>

Alors je souhaite que l'image la plus grande soit mise au dessus de toutes les autres au passage de la souris, mais pour l'instant elle se position en dessous.

Un peu d'aide merci d'avance

[rodolphebrd]

Bonjour,

si vous souhaitez de l'aide essayez de rendre votre code plus lisible en séparant autant que possible les différents types de code comme pour le code CSS par exemple:

Code :

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

1
2
3
4
5
6
7
8
li {
	position: relative;
	float: left;
	width: 180px;
	height: 224px;
	padding: 5px;
	list-style: none;
}

[Incenticepub]

Chose faite

[Bovino]

Non mais là, la façon dont le code est présenté, c'est une horreur !

Néanmoins

Code :

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

this.style.z-index='100';

Lire la FAQ : Comment passer d'une propriété de style CSS à celle qui correspond en JavaScript ?

[rodolphebrd]

Un effet de survol peut se gérer sans javascript.
Avec la pseudo-classe :hover

[Incenticepub]

Merci sa marche nickel !!