[Résolu] Problème d'espace

Bonjour,

Dans un contexte particulier je dois afficher une image qui au click va afficher une seconde image .
Je pense que le problème est pas compliqué en soit, mais là je dois avouer que je sèche.

la taille des images est différentes :
l'image in fait 247x70
l'image out fait 247x600

mon problème c'est que je ne vois pas ou je peux déclarer la taille de l'image out.
car dans ce cas de figure les deux images ont la même taille , pour l'heure je triche
en ajoutant un fond transparent , mais cela décale le design.

voici mon code :

<p>
        <img alt="" src="url-image in" 
style="height: 200px; width: 220px" id="imgClickAndChange" onclick="changeImage()"  />
</p>


<script language="javascript">
    function changeImage() {

        if (document.getElementById("imgClickAndChange").src == "url-image in"") 
        {
            document.getElementById("imgClickAndChange").src = "url-image out"";
        }
        else 
        {
            document.getElementById("imgClickAndChange").src = "url-image in"";
        }
    }
</script>

Modifié par ethem (08 Jun 2020 - 10:45)

Hello,

par exemple ?

imgClickAndChange.style.setProperty("height","600px");

Merci j'avais pas pensé à ça
c'est réglé !