Les images sont de taille incorrecte lorsque le LazyLoad est actif

Il peut parfois y avoir un conflit entre le substitut en SVG utilisé pour LazyLoad et la façon dont le navigateur gère les règles CSS qui dimensionnent les images. Les images peuvent apparaître à la mauvaise taille, à moins que vous ne redimensionniez la fenêtre. 

La solution consiste à modifier le substitut utilisé pour le LazyLoad. Pour ce faire, ajoutez l'extrait de code suivant à votre site : http://snippi.com/s/58c9rvk 

function custom_wpr_lazyload_placeholder() {
    return 'data:image/gif;base64,R0lGODdhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=';
} 
add_filter( 'rocket_lazyload_placeholder', 'custom_wpr_lazyload_placeholder' );

Vous pouvez l'ajouter dans le fichier functions.php de votre thème enfant, dans un plugin de fonctions customisées ou dans un gestionnaire d'extraits de code : Ajouter des extraits de code

Videz le cache après avoir ajouté l'extrait. 

Cela a-t-il répondu à votre question ? Merci pour votre retour :) Une erreur est survenue lors de l’envoi de votre retour. Veuillez réessayer plus tard.