Re,
merci de ton aide même si elle ne m'apporte finalement pas grand chose car lorsqu'on passe la souris dessus et que l'image s'agrandit, le contenu se déforme.
De plus l'image qui précède l'autre la pousse lorsqu'elle s'agrandit.
J'ai donc mit tout cela dans un tableau de cette forme:
<table border="0" cellpadding="0">
<tr valign="middle" align="center">
<td width="160" height="240"><a href="#"><img class="imgb" src="images/imprimerie2.png" alt="" /></a> </td>
<td width="160" height="240"><a href="#"><img class="imgb" src="images/serigraphie2.png" alt="" /></a></td>
<td width="160" height="240"><a href="#"><img class="imgb" src="images/impression2.png" alt="" /></a></td>
<td width="160" height="240"><a href="#"><img class="imgb" src="images/textile2.png" alt="" /></a></td>
<td width="160" height="240"><a href="#"><img class="imgb" src="images/decoration2.png" alt="" /></a></td>
</tr>
</table>
J'ai utilisé un code vraiment basique.
Mon idée de départ était en fait que lorsqu'on passait avec la souris sur une image, un menu vertical s'afficherait.
En fait on pourrait dire que les photos forment un menu horizontal déroulant.
j'ai donc fait un menu déroulant:
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
mon code javascript.
<div id="menu">
<dl>
<dt id="dt1" onmouseover="javascript:montre('smenu1');">Accueil</dt>
<dd id="smenu1">
<ul>
<li><a href="#">Sous-Menu 1.1</a></li>
<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
<li><a href="#">Sous-Menu 1.4</a></li>
<li><a href="#">Sous-Menu 1.5</a></li>
<li><a href="#">Sous-Menu 1.6</a></li>
</ul>
</dd>
</dl>
et mon code XHTML dont j'ai mit qu'une partie pour ne pas me répété.Je vous épargnerai le css.
Ceci n'est qu'un simple menu déroulant.
Le gros problème c'est que je n'arrive pas a fusionner les deux script, c'est à dire remplacer "Accueil" par une image qui grossirait quand la souris passerait dessus!!
LOL, je ne vous en voudrait pas si vous ne m'aidiez pas, c'est peut être pas faisable. En tout cas je n'y suis pas arrivé après plusieurs manipulations.
Peut être qu'il faut que je passe par un autre chemin je sais pas.