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

Résolu/Fermé

guy2mars Messages postés 204 Date d'inscription dimanche 18 février 2007 Statut Membre Dernière intervention 24 janvier 2013 - 23 juin 2010 à 13:10
Bakux Messages postés 1195 Date d'inscription jeudi 19 février 2009 Statut Membre Dernière intervention 5 juillet 2015 - 24 juin 2010 à 20:10

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>

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 football - Télécharger - Jeux vidéo
Reduire taille image - Guide
Java apk - Télécharger - Langages

1 réponse

Réponse 1 / 1

Bakux Messages postés 1195 Date d'inscription jeudi 19 février 2009 Statut Membre Dernière intervention 5 juillet 2015 188
24 juin 2010 à 20:10

Je n'ai pas de solution, mais change le titre car c'est du javascript et non du java (je me vexe facilement ...)

Discussions similaires

TELECHARGER DES JEUX JAVA

Où télécharger des jeux java gratuits ?

telechargement gratuit de jeux pour telephone