BAK-vaan: verschil tussen versies
Uit BoemelWiki
| Regel 1: | Regel 1: | ||
| − | < | + | |
| − | + | <div class="slider"> | |
| − | + | <img src="/images/VAAN2026.jpg"> | |
| − | + | <img src="/images/Vaan2025.jpg"> | |
| − | </ | + | <img src="/images/Vaan2024.PNG "> |
| + | </div> | ||
| + | |||
| + | <style> | ||
| + | .slider { | ||
| + | width: 100%; | ||
| + | height: 300px; | ||
| + | overflow: hidden; | ||
| + | position: relative; | ||
| + | } | ||
| + | .slider img { | ||
| + | width: 100%; | ||
| + | position: absolute; | ||
| + | animation: slide 12s infinite; | ||
| + | } | ||
| + | .slider img:nth-child(2) { animation-delay: 4s; } | ||
| + | .slider img:nth-child(3) { animation-delay: 8s; } | ||
| + | |||
| + | @keyframes slide { | ||
| + | 0% { opacity: 0; } | ||
| + | 10% { opacity: 1; } | ||
| + | 30% { opacity: 1; } | ||
| + | 40% { opacity: 0; } | ||
| + | 100% { opacity: 0; } | ||
| + | } | ||
| + | </style> | ||
| + | |||
<gallery widths=160px heights=300px perrow=7 caption="BAK-Vanen door de jaren heen, klik op het vaan voor meer info over dat jaar" mode="traditional"> | <gallery widths=160px heights=300px perrow=7 caption="BAK-Vanen door de jaren heen, klik op het vaan voor meer info over dat jaar" mode="traditional"> | ||
Versie van 27 mrt 2026 17:33
<style> .slider {
width: 100%; height: 300px; overflow: hidden; position: relative;
} .slider img {
width: 100%; position: absolute; animation: slide 12s infinite;
} .slider img:nth-child(2) { animation-delay: 4s; } .slider img:nth-child(3) { animation-delay: 8s; }
@keyframes slide {
0% { opacity: 0; }
10% { opacity: 1; }
30% { opacity: 1; }
40% { opacity: 0; }
100% { opacity: 0; }
} </style>
- BAK-Vanen door de jaren heen, klik op het vaan voor meer info over dat jaar
