WordPress : Comment masquer une zone de description et la faire apparaître lorsque vous cliquez sur la photo ?

Publié par Jean-Michel le

Donc, j’ai deux photos sur mon site. Chaque image a une boîte de description en dessous. Lorsque vous cliquez sur la case de description, une description de ce produit apparaît. Cependant, je souhaite que la zone de description apparaisse lorsque vous cliquez sur l’image elle-même, et non lorsque vous cliquez sur la zone de description. J’ai ajouté un exemple de ce que je veux dire, mais ce site utilise Shopify. Je me demandais si quelque chose comme ça est possible sur wordpress et comment ?

Comme ça

Solution n°1 trouvée

Vous pouvez utiliser un script pour cela.

<script type="text/javascript">
        function showImageDesc(obj) {
        var inner = obj.parentNode.getElementsByTagName("div")[0];
        if (inner.style.display == "none")
            inner.style.display = "";
        else
            inner.style.display = "none";
        }
    </script>

<div class="image-block">
    <img onclick="showImageDesc(this);" src="yourimage.jpg" />
    <div class="inner" style="display:none;">
        Here is your image description
    </div>
</div>

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *