Annuler le click sur les images pour mobiles et tablettes

Annuler le click sur les images pour mobiles et tablettes

Sur wordpress, on a la possibilité d’annuler le clic sur les images via le backoffice (lors de l’édition d’un article ou une page), en mettant « link to « –>none. Mais pour une raison ou pour une autre, on peut vouloir maintenir le clic actif sur les images en mode Desktop, notamment si on a des plugins qui agissent sur les images (type zoom) , et l’annuler pour les mobiles.

Voila le bout de code javascript à insérer dans le header. ici, plutôt que de chercher à détecter le terminal, on détecte la largeur d’écran: régler la « width » en fonction de vos besoins.

jQuery(document).ready(function(){
if($(window).width() < 768){
jQuery('.gallery-item img:not(.clickEnabled)').click(function(e) {
    if (e.which === 1) {
        e.preventDefault();
    }
});
};
});
</script>

Pour l’exemple, la classe .gallery-item img concerne les images de galeries sous wordpress.