Oltre agli effetti di transizione tra un contenuto e l’altro è possibile anche animare il singolo contenuto dello Slideshow con l’effetto Ken Burns.

Per avere un’idea di questo effetto si consiglia di fare riferimento, ancora una volta, alla pagina della documentazione ufficiale nella sezione relativa appunto all’effetto Ken Burns.

Dal punto di vista tecnico per poter attivare questa animazione sui singoli contenuti dello Slideshow è sufficiente utilizzare all’interno dell’ attributo data-uk-slideshow l’opzione kenburns:true

In queste condizioni quindi il markup al quale fare riferimento sarà esattamente del tipo di quello di seguito indicato

<div class="uk-slidenav-position" data-uk-slideshow="{kenburns:true}">

<ul class="uk-slideshow">

<li><img src="…" width="…" height="…" alt="…"></li>

<li><img src="…" width="…" height="…" alt="…"></li>

<li><img src="…" width="…" height="…" alt="…"></li>

...

</ul>

<a href="" class="uk-slidenav uk-slidenav-previous" data-uk-slideshow-item="previous"></a>

<a href="" class="uk-slidenav uk-slidenav-next" data-uk-slideshow-item="next"></a>

</div>