[HTML] images survolées...

Fermé

liegeus Messages postés 113 Date d'inscription mardi 29 avril 2003 Statut Membre Dernière intervention 24 octobre 2012 - 24 juin 2004 à 11:30
liegeus Messages postés 113 Date d'inscription mardi 29 avril 2003 Statut Membre Dernière intervention 24 octobre 2012 - 24 juin 2004 à 12:40

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

A voir également:

[HTML] images survolées...
Editeur html - Télécharger - HTML
Html download - Télécharger - HTML
Images gratuites - Guide
Br html ✓ - Forum Webmastering
Copiez l'image dans un logiciel d'édition d'images ou un outil en ligne comme js paint ou pixlr e. remplissez les cases en suivant le code couleur. des cases supplémentaires vont se remplir automatiquement. que représente le dessin ? ✓ - Forum Windows

8 réponses

Réponse 1 / 8

Utilisateur anonyme
24 juin 2004 à 12:38

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>

;-)

Réponse 2 / 8

Utilisateur anonyme
24 juin 2004 à 11:32

Envoie le code complet de ta page et de ton script

Réponse 3 / 8

liegeus Messages postés 113 Date d'inscription mardi 29 avril 2003 Statut Membre Dernière intervention 24 octobre 2012 12
24 juin 2004 à 11:42

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

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

Réponse 4 / 8

Utilisateur anonyme
24 juin 2004 à 11:57

si tu appelles toutes tes images htp forcément il va plus savoir laquelle swapper

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 mardi 29 avril 2003 Statut Membre Dernière intervention 24 octobre 2012 12
24 juin 2004 à 12:01

ok maintenant ça marche merci !

Réponse 6 / 8

liegeus Messages postés 113 Date d'inscription mardi 29 avril 2003 Statut Membre Dernière intervention 24 octobre 2012 12
24 juin 2004 à 12:16

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 ?

Réponse 7 / 8

liegeus Messages postés 113 Date d'inscription mardi 29 avril 2003 Statut Membre Dernière intervention 24 octobre 2012 12
24 juin 2004 à 12:32

en fait c'est bon, j'ai trouvé. c'était juste dreamweaver ou IE qui déconnait un peu beaucoup

Réponse 8 / 8

liegeus Messages postés 113 Date d'inscription mardi 29 avril 2003 Statut Membre Dernière intervention 24 octobre 2012 12
24 juin 2004 à 12:40

ok ça marche, merci beaucoup.

Discussions similaires

calcule nombre des pixels "noir" dans un image (noir/blanc)

Image cliquable dans html

&nbsp ; Quelle Fonction ?

Espace en HTML

la balise <br> ou <br />

Discussions similaires

Newsletters