Il suffit de recopier dans la source de la page, entre <body...> et </body>, le texte suivant pour image1 par un "copier coller" :

<p><img src="../images/timbre.gif" alt="timbre" id="image1"
style="visibility:hidden;position:absolute;left:300;top:30" width="88" height="146"></p>

pour image2

<p><img src="../images/smurf.gif" alt="sm" id="image2"
style="visibility:hidden;position:absolute;left:300;top:30" width="114" height="90"></p>

puis pour image1 après <a hreh="../sommaire.htm"

onmouseover="image1.style.visibility='visible';"
onmouseout="image1.style.visibility='hidden';"

idem  pour image2 après <a hreh="papier.gif"

onmouseover="image2.style.visibility='visible';"
onmouseout="image1.style.visibility='hidden';"