JAVA ou HTML? réduire une image survolée

[Résolu/Fermé]
Signaler
Messages postés
204
Date d'inscription
dimanche 18 février 2007
Statut
Membre
Dernière intervention
24 janvier 2013
-
Messages postés
1193
Date d'inscription
jeudi 19 février 2009
Statut
Membre
Dernière intervention
5 juillet 2015
-
Bonjour,

J'ai inséré une photo et déclaré mes area. Lors du survol de ces area, j'obtiens l'image appelée dans les dimensions de l'image d'origine alors que je désirerais obtenir une image appelée du 1/4 de ce format (avec l'image d'origine en fond). Voici mon cade, merci pour vos propositions :
<html xmlns="http://www.w.org/1999/xhtml">
<head>

<SCRIPT LANGUAGE="javascript">

Image0 = new Image(50,50)
Image0.src = "equipe.jpg"

Image1 = new Image(50,50)
Image1.src = "Antoine.jpg"

Image2 = new Image(50,50)
Image2.src = "emile.jpg"

Image3 = new Image(50,50)
Image3.src = "norbert.jpg"

Image4 = new Image(50,50)
Image4.src = "claude.jpg"

Image5 = new Image(50,50)
Image5.src = "louis.jpg"

Image6 = new Image(50,50)
Image6.src = "christian.jpg"

Image7 = new Image(50,50)
Image7.src = "henri.jpg"



</SCRIPT>
<title>Notre Equipe</title>
</head>
<body onLoad="cacheOff()">
<DIV ID="cache">
<TABLE WIDTH=400 BGCOLOR=#000000 BORDER=0 CELLPADDING=2 CELLSPACING=0>
<TR>
<TD ALIGN=center VALIGN=middle>
<TABLE WIDTH=100% BGCOLOR=#FF9900 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD ALIGN=center VALIGN=middle>
<FONT FACE="Verdana" SIZE=4 COLOR=#000000><B><BR>Chargement en cours...<BR></B></FONT>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</DIV>


<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { cach = document.cache }
else if (dom) { cach = document.getElementById("cache" ).style }
else if (iex) { cach = cache.style }
largeur = screen.width;
cach.left = Math.round((largeur/2)-200);
cach.visibility = "visible";



function cacheOff()
{
cach.visibility = "hidden";
}
</SCRIPT>
<table width="700"><td width="700"> <IMG NAME="emp" SRC="equipe.JPG" USEMAP="#ep" width="700" height="600">
<SCRIPT LANGUAGE="javascript">

function zoomin1() {
document.emp.src = Image1.src; return true;
}

function zoomin2() {
document.emp.src = Image2.src; return true;
}
function zoomin3() {
document.emp.src = Image3.src; return true;
}
function zoomin4() {
document.emp.src = Image4.src; return true;
}
function zoomin5() {
document.emp.src = Image5.src; return true;
}
function zoomin6() {
document.emp.src = Image6.src; return true;
}
function zoomin7() {
document.emp.src = Image7.src; return true;
}
function zoomin8() {
document.emp.src = Image8.src; return true;
}

function original() {
document.emp.src = Image0.src; return true;
}
</SCRIPT>
<table>
<tr><td>
<map name="ep">
<AREA SHAPE="poly" alt="Antoine" COORDS="75,150,150,150,140,250,100,325,50,300,75,150" onMouseOver="zoomin1()" onMouseOut="original()">
<AREA SHAPE="poly" alt="emile" COORDS="175,200,225,300,225,375,100,375,120,320,140,275,175,200" HREF="emile.JPG"onMouseOver="zoomin2()" onMouseOut="original()">
<AREA SHAPE="poly" alt="norbert" COORDS="250,150,275,150,300,220,320,250,275,320,215,275,220,200,250,150" HREF="norbert.JPG" onMouseOver="zoomin3()" onMouseOut="original()">
<AREA SHAPE="poly" alt="Claudette" COORDS="315,175,400,175,410,275,420,300,400,375,300,350,325,275,325,175" href="claude.JPG" onMouseOver="zoomin4()" onMouseOut="original()" >
<AREA SHAPE="poly" alt="louis" COORDS="405,120,475,150,455,225,420,275,410,275,405,120" HREF="louis.JPG" onMouseOver="zoomin5()" onMouseOut="original()">
<AREA SHAPE="poly" alt="christian" COORDS="475,175,550,175,565,275,575,375,475,300,475,275,475,175" HREF="christian.JPG" onMouseOver="zoomin6()" onMouseOut="original()">
<AREA SHAPE="poly" alt="henri" COORDS="560,150,625,150,650,300,650,350,600,300,575,275,560,150" HREF="henri.JPG" onMouseOver="zoomin7()" onMouseOut="original()">
<AREA SHAPE="default" nohref>
</map>
</td></tr></table>
</body>
</html>


1 réponse

Messages postés
1193
Date d'inscription
jeudi 19 février 2009
Statut
Membre
Dernière intervention
5 juillet 2015
207
Je n'ai pas de solution, mais change le titre car c'est du javascript et non du java (je me vexe facilement ...)