Discussion :

[ctrl+z]

Bonjour,

Après recherche, j'ai trouvé le script suivant http://www.jejavascript.net/imag_zoom.php qui permet de zoomer une image...

Peut-on réaliser la même chose avec un calque qui contiendrait plusieurs liens href + 1 image. Pensez vous que cela soit possible ?

Merci d'avance pour vos conseils et liens utiles

[Matthieu2000]

-> change le style de tous les enfant du calque

[ctrl+z]

Petit essai mais non concluant

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
 
<script language="JavaScript">
<!--
var coeff=4;//Coefficient de reduction
var larg=400;//largeur maxi de l'image
var haut=388;//hauteur maxi de l'image
function changer(calq) {
calque=calq;
if (style.calque.width < larg) {
coeff = coeff-0.2;
style.calque.width = Math.round(larg/coeff);
style.calque.height = Math.round(haut/coeff);
chang=window.setTimeout('changer(calque);',15); //vitesse de l'effet
}
else {window.clearTimeout(chang);}
}
function initial(calq) {
calque=calq;
if (style.calque.width > larg/4) {
window.clearTimeout(chang);
coeff = coeff+0.2;
style.calque.width = Math.round(larg/coeff);
style.calque.height = Math.round(haut/coeff);
initi=window.setTimeout('initial();',15);//vitesse de l'effet
}
else {window.clearTimeout(initi);}
}
//-->
</script>
 
<div id="calq1" onmouseover="javascript:initial(calq1)" style="border:1px solid black" align="center">111111111111111</div>
<div id="calq1" onmouseover="javascript:initial(calq2)" style="border:1px solid black" align="center">111111111111111</div>
 
<script language="JavaScript">
<!--
style.calque.width = Math.round(larg/coeff);
style.calque.height = Math.round(haut/coeff);
//-->
</script>