bonjour à tous,
j'ai fait un comportement (afficher/masquer les calques sur zone réactive, avec Dreamweaver), tout fonctionne correctement mais j'aimerais que lorsque la souris passe sur la zone réactive la photo apparaisse en grossissant. j'ai trouvé ce script
A rajouter entre <head> et </head>
A rajouter dans le body
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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41 <script> <!-- function expand() { if (smallslot.width<=300) { x=window.setTimeout('expand()', 100) smallslot.width=smallslot.width + 5 smallslot.height=smallslot.height + 5 } else { setTimeout('reduce()', 500) } } function reduce() { if (smallslot.width>250) { x=window.setTimeout('reduce()', 100) smallslot.width=smallslot.width - 5 smallslot.height=smallslot.height - 5 } } //--> </script>
mais je n'arrive pas à associer les comportements (afficher/masquer) et le fait que la photo grossisse ...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <div id="slot1" style="width:250;height:110" onmouseover="expand()" align="left"> <dd><img id="smallslot" src="image.gif" width="250" height="110" style="position:absolute; top:350; left:275; visibility:visible"> </dd> </div>
Est-ce que quelqu'un aurait une idée?
D'avance merci
Partager