JAVA ou HTML? réduire une image survolée
Résolu
guy2mars
Messages postés
210
Statut
Membre
-
Bakux Messages postés 1458 Statut Membre -
Bakux Messages postés 1458 Statut Membre -
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>
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>
A voir également:
- JAVA ou HTML? réduire une image survolée
- Comment réduire la taille d'un fichier - Guide
- Jeux java itel - Télécharger - Jeux vidéo
- Waptrick java football - Télécharger - Jeux vidéo
- Reduire taille image - Guide
- Reduire clavier iphone - Guide
