Barmer Fractal

Slider Arrows: Chevron 

<div class="m-slider-arrows glide__arrows slider-arrows--chevron " data-glide-el="controls">
    <button class="slider-arrow glide__arrow slider-arrow--left" data-glide-dir="<"><span class="sr-only">Zum vorigen Bild</span><img src="../../img/angle-left-dropshadow.svg" alt="" title="" class="a-image ">
    </button>
    <button class="slider-arrow glide__arrow slider-arrow--right" data-glide-dir=">"><span class="sr-only">Zum nächsten Bild</span><img src="../../img/angle-right-dropshadow.svg" alt="" title="" class="a-image ">
    </button>
</div>
 
<div class="m-slider-arrows glide__arrows slider-arrows--chevron " data-glide-el="controls" {{#switches.hasAriaAttr}}{{{content.ariaAttr}}}{{/switches.hasAriaAttr}}>
  <button class="slider-arrow glide__arrow slider-arrow--left" data-glide-dir="<"><span class="sr-only">{{ content.labels.arrowLeft }}</span>{{ render '@image--default' partials.chevronLeft}}</button>
  <button class="slider-arrow glide__arrow slider-arrow--right" data-glide-dir=">"><span class="sr-only">{{ content.labels.arrowRight }}</span>{{ render '@image--default' partials.chevronRight }}</button>
</div>
 
{
  "switches": {
    "hasAriaAttr": false
  },
  "viewtypes": {
    "arrowsType": "chevron"
  },
  "content": {
    "labels": {
      "arrowLeft": "Zum vorigen Bild",
      "arrowRight": "Zum nächsten Bild"
    }
  },
  "partials": {
    "chevronLeft": {
      "switches": {},
      "viewtypes": {},
      "content": {
        "sourceUrl": "../../img/angle-left-dropshadow.svg",
        "altText": "",
        "titleText": ""
      },
      "partials": {}
    },
    "chevronRight": {
      "switches": {},
      "viewtypes": {},
      "content": {
        "sourceUrl": "../../img/angle-right-dropshadow.svg",
        "altText": "",
        "titleText": ""
      },
      "partials": {}
    }
  }
}

No notes defined.