Images

Créer un effet Avant / Après sur une image

Créer un effet avant / après

Copier ce script

Etape 1

Copier le script et le coller sur votre page ou projet Webflow

Insérer ce code dans le <head> de la page :

<link rel="stylesheet" href="https://unpkg.com/beerslider/dist/BeerSlider.css">

Celui-ci dans le <body> :

<script>src="https://unpkg.com/beerslider/dist/BeerSlider.js"></script>
  <script>
    new BeerSlider(document.getElementById('slider'));
</script>

Copier

Etape 2

Intégrer sur Webflow en adaptant à votre projet et votre configuration

  • Insérer les scripts dans le head et body
  • Bien changer l'ID (ici slider) du wrapper de vos 2 images
  • Insérer la 1ère image en tant qu'enfant du wrapper
  • Insérer la 2ème au sein d'une autre div (cette div doit être enfant du wrapper)