Slideshow Joomla

Started implementing "Inspire" and tried to create a slideshow with below code. The last line was written just in order to verify that the images are found. On the front-end I do not get the slideshow, only a large grey area and the "check-image" from the last code line below. I probably missed something very basic and hope you can tell me what. Please reply in "plain language" so that I understand what I need to do.

Thanks.

<ul class="uk-slideshow" data-uk-slideshow="{autoplay:true}">
<li><img src="images/knoebel_pics/Slide 000.png" alt="client" width="800px" height="" /></li>
<li><img src="images/knoebel_pics/Slide 001.png" alt="client" width="800px" height="" /></li>
<li><img src="images/knoebel_pics/Slide 002.png" alt="client" width="800px" height="" /></li>
<li><img src="images/knoebel_pics/Slide 003.png" alt="client" width="800px" height="" /></li>
<li><img src="images/knoebel_pics/Slide 004.png" alt="client" width="800px" height="" /></li>
</ul>
<p> </p>
<p><img src="images/knoebel_pics/Slide 000.png" alt="" /></p>

Hi there,
1.) Please post your question next time to the right category ( I did it right now)
2.) Live Url please where the slideshow is published
3.) Make sure that you add the code into your module without any joomla editor
yootheme.com/support/question/67584

Slideshow html code is here:

<div class="uk-slidenav-position" data-uk-slideshow>
<ul class="uk-slideshow">
<li></li>
<li></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>

More info about the slideshow component:
getuikit.com/docs/slideshow.html