JAVA ou HTML? réduire une image survolée
Résolu
guy2mars
Messages postés
204
Date d'inscription
Statut
Membre
Dernière intervention
-
Bakux Messages postés 1195 Date d'inscription Statut Membre Dernière intervention -
Bakux Messages postés 1195 Date d'inscription Statut Membre Dernière intervention -
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
- Waptrick java football - Télécharger - Jeux vidéo
- Jeux java itel - Télécharger - Jeux vidéo
- Reduire taille image - Guide
- Eclipse java - Télécharger - Langages
