_carrousel
This is the carrousel molecule.
Add the images through CMS or path's with their alt-text. You can simply add more images/thumbs by adding some img-tags within the specific class.
<div class="m-carrousel ">
<div class="m-carrousel__preview-container">
<div class="m-carrousel__preview-content">
<div>
<img src="<!-- image src -->" alt="<!-- alt text -->">
</div>
<div>
<img src="<!-- image src -->" alt="<!-- alt text -->">
</div>
<div>
<img src="<!-- image src -->" alt="<!-- alt text -->">
</div>
<div>
<img src="<!-- image src -->" alt="<!-- alt text -->">
</div>
<div>
<img src="<!-- image src -->" alt="<!-- alt text -->">
</div>
<div>
<img src="<!-- image src -->" alt="<!-- alt text -->">
</div>
</div>
</div>
<div class="m-carrousel__thumbnail-container">
<div class="m-carrousel__thumbnail-content">
<div class="m-carrousel__thumb">
<img class="m-carrousel__thumb-img" src="<!-- image src -->" alt="<!-- image src -->">
</div>
<div class="m-carrousel__thumb">
<img class="m-carrousel__thumb-img" src="<!-- image src -->" alt="<!-- image src -->">
</div>
<div class="m-carrousel__thumb">
<img class="m-carrousel__thumb-img" src="<!-- image src -->" alt="<!-- image src -->">
</div>
<div class="m-carrousel__thumb">
<img class="m-carrousel__thumb-img" src="<!-- image src -->" alt="<!-- image src -->">
</div>
<div class="m-carrousel__thumb">
<img class="m-carrousel__thumb-img" src="<!-- image src -->" alt="<!-- image src -->">
</div>
<div class="m-carrousel__thumb">
<img class="m-carrousel__thumb-img" src="<!-- image src -->" alt="<!-- image src -->">
</div>
</div>
</div>
</div>