<div class="m-slider-bullets glide__bullets slider-bullets--thumbnail" aria-hidden="true">
<ul class="slider-bullets__list" data-glide-el="controls[nav]">
<li class="slider-bullet glide__bullet" data-glide-dir="=0">
<button class="slider-bullet__button" title="Impfung">
<i class="a-icon icon--dot" aria-hidden="true"></i>
<img src="../../images/1x1/insect-1-128x128.jpg" alt="" title="" class="a-image slider-bullet__thumbnail" loading="lazy">
<span class="slider-bullet__label"><span class="sr-only">Zum Element </span> Impfung</span>
</button>
</li>
<li class="slider-bullet glide__bullet" data-glide-dir="=1">
<button class="slider-bullet__button" title="Darmkrebsvorsorgeuntersuchung">
<i class="a-icon icon--dot" aria-hidden="true"></i>
<img src="../../images/1x1/insect-2-128x128.jpg" alt="" title="" class="a-image slider-bullet__thumbnail" loading="lazy">
<span class="slider-bullet__label"><span class="sr-only">Zum Element </span> Darmkrebsvorsorgeuntersuchung</span>
</button>
</li>
<li class="slider-bullet glide__bullet glide__bullet--active" data-glide-dir="=2">
<button class="slider-bullet__button" title="Videosprechstunde">
<i class="a-icon icon--dot" aria-hidden="true"></i>
<img src="../../images/1x1/insect-3-128x128.jpg" alt="" title="" class="a-image slider-bullet__thumbnail" loading="lazy">
<span class="slider-bullet__label"><span class="sr-only">Zum Element </span> Videosprechstunde</span>
</button>
</li>
<li class="slider-bullet glide__bullet" data-glide-dir="=3">
<button class="slider-bullet__button" title="Azubis">
<i class="a-icon icon--dot" aria-hidden="true"></i>
<img src="../../images/1x1/plant-1-128x128.jpg" alt="" title="" class="a-image slider-bullet__thumbnail" loading="lazy">
<span class="slider-bullet__label"><span class="sr-only">Zum Element </span> Vorteile für Azubis</span>
</button>
</li>
<li class="slider-bullet glide__bullet" data-glide-dir="=4">
<button class="slider-bullet__button" title="Schwangerschaft">
<i class="a-icon icon--dot" aria-hidden="true"></i>
<img src="../../images/1x1/plant-2-128x128.jpg" alt="" title="" class="a-image slider-bullet__thumbnail" loading="lazy">
<span class="slider-bullet__label"><span class="sr-only">Zum Element </span> Schwangerschaft</span>
</button>
</li>
<li class="slider-bullet glide__bullet" data-glide-dir="=5">
<button class="slider-bullet__button" title="Mitgliedantrag">
<i class="a-icon icon--dot" aria-hidden="true"></i>
<img src="../../images/1x1/plant-3-128x128.jpg" alt="" title="" class="a-image slider-bullet__thumbnail" loading="lazy">
<span class="slider-bullet__label"><span class="sr-only">Zum Element </span> Mitglied werden und viele weitere Vorteile für ein langes Label</span>
</button>
</li>
</ul>
</div>
<div class="m-slider-bullets glide__bullets slider-bullets--thumbnail" {{^switches.isA11yVisible}}aria-hidden="true"{{/switches.isA11yVisible}}>
<ul class="slider-bullets__list" data-glide-el="controls[nav]">
{{#each partials.slide }}
{{#ifcond @index '<' ../switches.slideCount}}
{{#ifcond @index '==' ../switches.activeSlide}}
<li class="slider-bullet glide__bullet glide__bullet--active" data-glide-dir="={{@index}}">
<button class="slider-bullet__button" {{#if content.titleText}}title="{{content.titleText}}"{{/if}}>
{{ render '@icon--dot' }}
{{ render '@image' this.partials.thumbnail merge=true }}
<span class="slider-bullet__label"><span class="sr-only">Zum Element </span> {{this.content.label}}</span>
</button>
</li>
{{else}}
<li class="slider-bullet glide__bullet" data-glide-dir="={{@index}}">
<button class="slider-bullet__button" {{#if content.titleText}}title="{{content.titleText}}"{{/if}}>
{{ render '@icon--dot' }}
{{ render '@image' this.partials.thumbnail merge=true }}
<span class="slider-bullet__label"><span class="sr-only">Zum Element </span> {{this.content.label}}</span>
</button>
</li>
{{/ifcond}}
{{/ifcond}}
{{/each}}
</ul>
</div>
{
"switches": {
"slideCount": 6,
"activeSlide": 2,
"isA11yVisible": false
},
"viewtypes": {
"bulletsType": "thumbnail"
},
"content": {},
"partials": {
"slide": [
{
"switches": {},
"viewtypes": {},
"content": {
"label": "Impfung",
"titleText": "Impfung"
},
"partials": {
"thumbnail": {
"switches": {},
"viewtypes": {
"specifier": "slider-bullet__thumbnail"
},
"content": {
"sourceUrl": "../../images/1x1/insect-1-128x128.jpg",
"altText": "",
"titleText": ""
},
"partials": {}
}
}
},
{
"switches": {},
"viewtypes": {},
"content": {
"label": "Darmkrebsvorsorgeuntersuchung",
"titleText": "Darmkrebsvorsorgeuntersuchung"
},
"partials": {
"thumbnail": {
"switches": {},
"viewtypes": {
"specifier": "slider-bullet__thumbnail"
},
"content": {
"sourceUrl": "../../images/1x1/insect-2-128x128.jpg",
"altText": "",
"titleText": ""
},
"partials": {}
}
}
},
{
"switches": {},
"viewtypes": {},
"content": {
"label": "Videosprechstunde",
"titleText": "Videosprechstunde"
},
"partials": {
"thumbnail": {
"switches": {},
"viewtypes": {
"specifier": "slider-bullet__thumbnail"
},
"content": {
"sourceUrl": "../../images/1x1/insect-3-128x128.jpg",
"altText": "",
"titleText": ""
},
"partials": {}
}
}
},
{
"switches": {},
"viewtypes": {},
"content": {
"label": "Vorteile für Azubis",
"titleText": "Azubis"
},
"partials": {
"thumbnail": {
"switches": {},
"viewtypes": {
"specifier": "slider-bullet__thumbnail"
},
"content": {
"sourceUrl": "../../images/1x1/plant-1-128x128.jpg",
"altText": "",
"titleText": ""
},
"partials": {}
}
}
},
{
"switches": {},
"viewtypes": {},
"content": {
"label": "Schwangerschaft",
"titleText": "Schwangerschaft"
},
"partials": {
"thumbnail": {
"switches": {},
"viewtypes": {
"specifier": "slider-bullet__thumbnail"
},
"content": {
"sourceUrl": "../../images/1x1/plant-2-128x128.jpg",
"altText": "",
"titleText": ""
},
"partials": {}
}
}
},
{
"switches": {},
"viewtypes": {},
"content": {
"label": "Mitglied werden und viele weitere Vorteile für ein langes Label",
"titleText": "Mitgliedantrag"
},
"partials": {
"thumbnail": {
"switches": {},
"viewtypes": {
"specifier": "slider-bullet__thumbnail"
},
"content": {
"sourceUrl": "../../images/1x1/plant-3-128x128.jpg",
"altText": "",
"titleText": ""
},
"partials": {}
}
}
}
]
}
}
No notes defined.