Uikit slideshow

Hallo,
Ich versuche auf meiner Web-Seite die uikit komponente slideshow card und grid zu verwenden. Leider werden die Bilder der slideshow alle gleichzeitig untereinander angezeigt.
Können Sie man darüber schauen was ich da falsch mache. Ich habe eine Testseite angelegt mit der ich die verschiedenen uikit-Komponenten ausprobieren will. Ich verwende auch die rocSpoket Erweiterung möchte aber diese mit den uikit komponenten ersetzen da ich es einfacher finde die slideshows mit dem editior zu erstellen und nicht wie bei rock-spocket zusammenzuklicken
Danke.

url www.arnauer.eu/index.php/ueber-uns/test
Template Maximum

Hallo,
nicht alle Uikit Komponenten laden wir ins Template, aber die Slideshow ist enthalten. Demnach sollte sie funktionieren.
Was geladen wird, sehen sie in dem File > \jp-maximum\layouts\theme.config.php, siehe Bild

Sie haben nun auch die Möglichkeit eine Komponente hinzuzufügen, zum Beispiel
$this->addFile('js', 'warp:vendor/uikit/js/components/grid.js');

PS: Warum ihre Slideshow nicht funktioniert, weiß ich nicht. Aber ich denke ihr Syntax ist fehlerhaft. Bitte fügen sie den Quelltext immer "OHNE" Editor ein.
Der Quelltext Editor im Tiny löscht auch alle Tags, die er nicht kennt.

Der Slideshow code sollte wir folgt aussehen

<div class="uk-slidenav-position" data-uk-slideshow>
<ul class="uk-slideshow">
<li><img src=".png" alt="" border="0" align="left" width="" height="" /></li>
<li><img src=".png" alt="" border="0" align="left" width="" height="" /></li>
</ul>
<a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous" data-uk-slideshow-item="previous"></a>
<a href="" class="uk-slidenav uk-slidenav-contrast uk-slidenav-next" data-uk-slideshow-item="next"></a>
<ul class="uk-dotnav uk-dotnav-contrast uk-position-bottom uk-flex-center">
<li data-uk-slideshow-item="0"><a href=""></a></li>
<li data-uk-slideshow-item="1"><a href=""></a></li>
</ul>
</div>

Danke , habe den RocEditor verwendet. Jetzt umgestellt und wenn ich das Code-Beispiel von Ihnen verwende geht etwas mehr. Was mit aufgefallen ist das ich immer die Code-Beispiele aus der uikit Dokumentation verwende. Also z.B.

<div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slideshow>
<ul class="uk-slideshow-items">
<li><img src="images/photo.jpg" alt="" uk-cover></li>
<li><img src="images/dark.jpg" alt="" uk-cover></li>
<li><img src="images/light.jpg" alt="" uk-cover></li>
</ul>
<a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
<a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a>
</div>
von der Seite getuikit.com/docs/slideshow

Sie habe in Ihrem Code-Beispiel bei der Klasse das prefix data- verwendet. Muß das so sein ?
Danke.

Sie habe in Ihrem Code-Beispiel bei der Klasse das prefix data- verwendet. Muß das so sein ?

Ja das muss sein.