Bonjour/Bonsoir tout le monde,

Je débute cette année dans javascript et php et lors d'un exercice on devait faire apparaître une image lorsqu'on passait notre souris dessus et lorsqu'on cliquait dessus.

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>PDWJS02</title>
    <style>
        .cardesc{
            margin-right: 35px;
        }
    </style>
</head>
<body>
    <div>
        <span class="cardesc" onmouseover="showImg('../porsche.png')" onmouseout="showImg('../default.png')">Porsche</span>
        <span class="cardesc" onclick="showImg('../ferrari.png')">Ferrari</span>
        <span class="cardesc" onclick="showImg('../mclaren.png')">McLaren</span>
    </div>
    <div id="imageDesc">
        <img src="" id="myImg"/>
    </div>
<?php
 
?>
    <script>
        function showImg(imgName){
            document.getElementById('myImg').src=imgName;
        }
    </script>
</body>
</html>

De ce côté, je ne pense pas avoir de problème mais quand j'essaie de faire la manipulation, aucune image n'apparaît alors que j'ai vérifié attentivement que c'était la bonne extension et tout.
Je pense que j'ai une erreur à l'endroit du <script> mais je ne trouve pas la solution. Merci de m'éclairer.

djelectro95