[Résolu] Effet loupe sur une photo
Bonjour
J'espère trouver un peu d'aide par ici.
Je souhaiterais faire une carte du monde avec les continents et dès que la souris passe sur un continent, il grossit !
J'ai le code suivant pour faire un effet loupe, mais quand un continent grossit, tous les autres se déplacent :
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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
| <script id="Afrique" language="JavaScript"><!--Effet zoom sur image Afrique-->
<!--
//PLF-http://www.jejavascript.net/
var coeff=2;//Coefficient de reduction
var larg=190;//largeur maxi de l'image
var haut=220;//hauteur maxi de l'image
var coeffinit=coeff;
function changer1() {
if (document.image1.width < larg) {
coeff = coeff-0.2;
document.image1.width = Math.round(larg/coeff);
document.image1.height = Math.round(haut/coeff);
chang=window.setTimeout('changer1();',60);//vitesse de l'effet
}
else {window.clearTimeout(chang);}
}
function initial1() {
if (document.image1.width > larg/coeffinit) {
window.clearTimeout(chang);
coeff = coeff+0.2;
document.image1.width = Math.round(larg/coeff);
document.image1.height = Math.round(haut/coeff);
initi=window.setTimeout('initial1();',60);//vitesse de l'effet
}
else {window.clearTimeout(initi);}
}
//-->
</script> <!--Afrique -->
<div id="Afrique">
<a href="#Afrique" onmouseout="initial1()" onmouseover="changer1()"><img border="0" src="/home/quentin/EasyLove/Images/Afrique.png" name="image1" /></a></p>
<p>
<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
//-->
</script></p>
</div> |
Merci à ceux qui prendrons le temps de m'aider.
