Please always enter the name of the template and the Joomla version and the live URL if available

[SOLVED] Ken-Burns-Effeket bei UIkit 3 Slideshow

fap
Offline Topic Author
Junior Boarder
Posts: 35
Thank you received: 1

Ken-Burns-Effeket bei UIkit 3 Slideshow was created by fap

Posted 2 years 2 months ago #33464

Hallo zusammen,

ich habe eine ganz kurze Frage: Kann ich beim Modul UIkit 3 Slideshow einen Ken-Burns-Effekt konfigurieren?
Ich habe die Möglichkeit dazu leider bisher nicht gefunden.

Oder muss ich stattdessen ein eigenes Modul anlegen und die Syntax händisch eintragen?

Code:

<div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slideshow="animation: push">

    <ul class="uk-slideshow-items">
        <li>
            <div class="uk-position-cover uk-animation-kenburns uk-animation-reverse uk-transform-origin-center-left">
                <img src="images/photo.jpg" alt="" uk-cover>
            </div>
        </li>
        <li>
            <div class="uk-position-cover uk-animation-kenburns uk-animation-reverse uk-transform-origin-top-right">
                <img src="images/dark.jpg" alt="" uk-cover>
            </div>
        </li>
        <li>
            <div class="uk-position-cover uk-animation-kenburns uk-animation-reverse uk-transform-origin-bottom-left">
                <img src="images/light.jpg" alt="" uk-cover>
            </div>
        </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>

Vielen Dank und viele Grüße
fap

by fap

The topic has been locked.