[HTML] images survolées...

liegeus Messages postés 113 Date d'inscription   Statut Membre Dernière intervention   -  
liegeus Messages postés 113 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour

il n'est pas possible de mettre plusieurs fois la même image survolée dans une page html ????
je met sans une page la ligne :

<p align="center">
<a href="#htp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','images/haut_page.gif',1)"><img src="images/haut_page0.gif" name="Image12" width="39" height="30" border="0">
</a>
</p>
si je la met une fois, je sauve, j'ouvre ma page avec IE, ça marche, puis si je remet cette ligne plus bas dans ma page, je resauve, je retest avec IE et là, les img survolées ne marchent plus, ils n'y a que la première...

quelqu'un peut il m'aider sur ce problème ?

MERCI

PS je travail avec dreamweaver

8 réponses

Réponse 1 / 8
Utilisateur anonyme
 
J'ai épuré le code pour qu tu t'y retrouves.

Il ne te reste qu'à l'adapter 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title>NOTRE SOCIETE</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
	<script language="javascript" type="text/javascript">
		img_1 = new Image();
		img_1.src="./images/haut_page.gif";
		img_2 = new Image();
		img_2.src="./images/haut_page0.gif";
		
		function changeImage(elm){
			elm.src=img_1.src;
		}
		
		function restoreImage(elm){
			elm.src = img_2.src;
		}			
	</script>
</head> 

<body> 
<p align="center">
	<img src="images/haut_page0.gif" onMouseOver="changeImage(this);" onMouseOut="restoreImage(this);" name="htp" width="16" height="16" border="0" >
<p/> 

<p align="center">
	<img src="images/haut_page0.gif" onMouseOver="changeImage(this);" onMouseOut="restoreImage(this);" name="htp" width="16" height="16" border="0" > 
</p> 

<div align="center">
	<img src="images/haut_page0.gif" onMouseOver="changeImage(this);" onMouseOut="restoreImage(this);" name="htp" width="16" height="16" border="0" >
</div>

<a onMouseOver="changeImage(this.children[3]);" onMouseOut="restoreImage(this.children[3]);">
	Ligne de remplissage<br/>
	Ligne de remplissage<br/>
	Ligne de remplissage<br/>
	<img src="images/haut_page0.gif" onMouseOver="changeImage(this);" onMouseOut="restoreImage(this);" name="htp" width="16" height="16" border="0" ><br/>
	Ligne de remplissage<br/>
	Ligne de remplissage<br/>
	Ligne de remplissage<br/>		
</a>
</body> 
</html>


;-)
2
Réponse 2 / 8
Utilisateur anonyme
 
Envoie le code complet de ta page et de ton script
0
Réponse 3 / 8
liegeus Messages postés 113 Date d'inscription   Statut Membre Dernière intervention   12
 
je veux bien mais ça prend de la place. j'ai remplacé ce qui est pas nécessaire par de étoiles.voilà :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>NOTRE SOCIETE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a:link {
color: #000000;
}
a:visited {
color: #FF66FF;
}
.Style1 {
color: #66CCFF;
font-weight: bold;
}
body,td,th {
color: #000000;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
******************
</script>
</head>

<body background="images/fond.gif" onLoad="MM_preloadImages('images/haut_page.gif')">
<TABLE width=100% border=0><!--DWLayoutTable-->
<TBODY>
<TR vAlign=top>
<TD width=245 height="3" rowSpan=3><img src="/spacer.gif" alt="" width="245" height="1">
<p><BR>
<p><BR></p>
<div id="Layer1" style="position:absolute; width:227px; height:412px; z-index:-1; border: 1px none #000000; left: 20px; top: 29px; background-image: url(images/fondmenu.JPG);"></div>
<UL>
******************
******************
******************
******************
</UL>
</p>
<p><BR></p>
<p> </p>
</TD>
<TD width="100%">
<P align=center> <a name="htp"></a><img src=******************><IMG height=8
src="/Accueil/blanc.gif" width=18
align=bottom border=0><img src=******************><IMG height=8
src="/Accueil/blanc.gif" width=18
align=bottom border=0><img src=******************>
</P>
<a name="pres"></a> <span class="Style1">PRESENTATION</span><BR>
<BR>
<IMG height=8 hspace=5
src="" width=8
align=bottom border=0>******************</P>
<p>****************** </p>
<p>****************** </p>
<p>****************** </p>
<p align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('htp','','images/haut_page.gif',1)"><img src="images/haut_page0.gif" name="htp" width="39" height="30" border="0"></a>
</p>

<P><A name="strat"></A><span class="Style1">******************</span></P>
<P><IMG height=8 hspace=5
src="/Accueil/blanc.gif" width=8
align=bottom border=0>L'objectif 1er de la société est de satisfaire au maximum les besoins des consommateurs d'où l'initiative de :</P>
<ul>
<li>****************** </li>
</ul>
<ul>
<li>****************** </li>
</ul>
<ul>
<li>******************</li>
</ul>
<p align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('htp','','images/haut_page.gif',1)"><img src="images/haut_page0.gif" name="htp" width="39" height="30" border="0"></a>
</p>
<p>  </p>
<p><A name="plan"></A><span class="Style1">PLAN D'ACCES </span></p>
<P><FONT size=4>
<applet archive="zoompan.jar" code="zoompan.class" width="475" height="420">
***********************************************************************
</applet>
<BR>
</FONT>
<P>******************
<h2><font color="#FF9900" face="Arial, Helvetica, sans-serif"><strong>******************</strong> </font></h2>
<h2><font color="#FF9900" face="Arial, Helvetica, sans-serif"><strong>******************</strong></font></h2>
<h2><font color="#FF9900" face="Arial, Helvetica, sans-serif"><strong>******************</strong></font></h2>
<h2><font color="#FF9900" face="Arial, Helvetica, sans-serif"><strong>******************</strong></font></h2>
<div align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('htp','','images/haut_page.gif',1)"><img src="images/haut_page0.gif" name="htp" width="39" height="30" border="0"></a>
</div></TD>
</TR><tr><td></td></tr>
</TBODY>
</TABLE>
</body>
</html>
0
Réponse 4 / 8
Utilisateur anonyme
 
si tu appelles toutes tes images htp forcément il va plus savoir laquelle swapper
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 8
liegeus Messages postés 113 Date d'inscription   Statut Membre Dernière intervention   12
 
ok maintenant ça marche merci !
0
Réponse 6 / 8
liegeus Messages postés 113 Date d'inscription   Statut Membre Dernière intervention   12
 
hem encore moi, et si je veux utiliser cette même ilage survolé dans une autre page du même site, je dois changer quoi ?
0
Réponse 7 / 8
liegeus Messages postés 113 Date d'inscription   Statut Membre Dernière intervention   12
 
en fait c'est bon, j'ai trouvé. c'était juste dreamweaver ou IE qui déconnait un peu beaucoup
0
Réponse 8 / 8
liegeus Messages postés 113 Date d'inscription   Statut Membre Dernière intervention   12
 
ok ça marche, merci beaucoup.
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Balise </br>
erf -
erf -

3 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
Saut de lignes sans <br/>
Rapi-shiny -
Rapi-shiny -

13 réponses