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
Comment reduire la taille d'une image - Guide
Java apk - Télécharger - Langages
Image iso - Guide

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 187
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

Retrouver l'image originale après avoir fait des modifications ?

TELECHARGER DES JEUX JAVA

telecharger des jeux java

Discussions similaires

Newsletters