A partir du fichier html suivant :

<html>

    <head>

        <script src='./messcripts.js'></script>

    </head>

    <body>

        <div>

            <img id='image' src='./images/ballonBleu.jpg' width='50' height='50' onMouseOver='modifierTaille(this, 100)' onMouseOut='modifierTaille(this, 50)'/>

        </div>

        <br/>

        <button id='btn1' onClick='changer()'>Changer de ballon</button>

    </body>

</html>

Et produisant l'affichage ci dessous :

image

 

On voudrait, à partir de scripts javascript :

Obtenir un changement d'images au clic sur le bouton :

image

Et un agrandissement de l'image au passage de la souris sur l'image :

image

 

Les images et le fichier html de départ sont fournis en ressources dans \\prof\ressources.