Handelingen

BAK-vaan: verschil tussen versies

Uit BoemelWiki

Regel 1: Regel 1:
<imagecarousel>
+
 
File:VAAN2026.jpg
+
<div class="slider">
File:Vaan2025.jpg
+
  <img src="/images/VAAN2026.jpg">
File:Vaan2024.PNG  
+
  <img src="/images/Vaan2025.jpg">
</imagecarousel>
+
  <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

 <img src="/images/VAAN2026.jpg">
 <img src="/images/Vaan2025.jpg">
 <img src="/images/Vaan2024.PNG ">

<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>