Image qui change au passage de la souris(rollover)

Merci pour votre réactivité, j'ai utilisais tout de suite votre deuxième solution bcp plus facile pour moi cependant :

quand je fais un copié/coller de votre ligne, pas de soucis je renseigne au fur et à mesure les liens des images mais à la fin j'ai une erreur de syntaxe (j arrive pas à ferme la balise ou la ligne) tout bêtement c'est grotesque..

je vais tester maintenant votre deuxième solution au cous ou..

Je vous remercies bcp, votre première méthode a fonctionné tout de suite !

Cordialement.

je peux aussi t'aider pour la solution en Javascript. Où est-ce que ça te dit que t'as une erreur de syntaxe ?

Super ! car au final je n'ai toujours pas trouvé..enfin je m'approche mais pas vraiment ce que je voulais :

http://transmission-commerce.com/iequipa/index.php/nos-produits/product/40-produit-test-final

(le bouton "fiche technique")

l'erreur de syntaxe c'est quand je rajoute exactement copié collé :

<img src="img/image_1_out.png" onmouseover="this.src='img/image_1_on.png'" onmouseout="this.src='img/image_1_out.png'" />

voici le code en entier ou j'ai rajouté cette ligne, léerreur se situe à la fin de la ligne

?><div id="hikashop_product_files_main" class="hikashop_product_files_main">
<?php
if (!empty ($this->element->files)) {
$skip = true;
foreach ($this->element->files as $file) {
if ($file->file_free_download)
$skip = false;
}
if (!$skip) {
global $Itemid;
$url_itemid='';
if(!empty($Itemid)){
$url_itemid='&Itemid='.$Itemid;
}
?>
<fieldset class="hikashop_product_files_fieldset">
<?php
$html = array ();
echo '<legend>' . JText :: _('') . '</legend>';
foreach ($this->element->files as $file) {
if (empty ($file->file_name)) {
$file->file_name = $file->file_path;
}
$fileHtml = '';
if (!empty ($file->file_free_download)) {
$fileHtml = '<a class="hikashop_product_file_link" href="' . hikashop_completeLink('product&task=download&file_id=' . $file->file_id.$url_itemid) . '">
<img src="http://www.transmission-commerce.com/iequipa/images/bouton-fiche-1.png" onmouseover="this.src='http://www.transmission-commerce.com/iequipa/images/bouton-fiche-2.png'" onmouseout="this.src='http://www.transmission-commerce.com/iequipa/images/bouton-fiche-1.png'" /></a>';
}
$html[] = $fileHtml;
}
echo implode('<br/>', $html);
?>
</fieldset>
<?php
}
}
?>
</div>

ce que je comprends car juste en faisant un copié collé dans firebug niquel ça passe sans soucis j'ai bien mon image qui change au click c'est niquel je comprends pas.