check [GELÖST] UIkit 3 Slideshow im Fullscreen-Modus?

  • Beiträge: 28

UIkit 3 Slideshow im Fullscreen-Modus? wurde erstellt von gwiora

In der Dokumentation des UIKit3 ist eine Option zum Umschalten in den Full-Screen-Mode definiert:

getuikit.com/v2/docs/slideshow.html

Man soll dazu die Klasse "uk-slideshow-fullscreen" hinzufügen:
<ul class="uk-slideshow uk-slideshow-fullscreen" data-uk-slideshow>...</ul>

Ich habe versucht die Klasse als "Class for Content" oder als "Header-Klasse" im Moduleditor hinzuzufügen, aber das hatte leider keinen Effekt. Im Debugger taucht die Klasse auch nirgendwo auf. Wie kann ich den Fullscreen-Modus aktivieren?

Danke und viele Grüße!
10 Monate 4 Wochen her #1

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • Beiträge: 956

joomlaplates antwortete auf UIkit 3 Slideshow im Fullscreen-Modus?

Hallo,
1.) Sie sind auf der Uikit 2 Site. Uikit 3 ist hier
getuikit.com/docs/slideshow

2.) Da die Slideshow unser eigenes Modul ist mit vielen Parameter, können sie keinen Fullscreen Parameter hinzufügen.
Sie können jedoch die Uikit Slideshow auch als pures Custom html Module in Joomla nutzen.
Einfach den Code von der Slideshow in ein custom module einfügen ( Tiny Editor ausschalten)
10 Monate 4 Wochen her #2

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • Beiträge: 28

gwiora antwortete auf UIkit 3 Slideshow im Fullscreen-Modus?

1.) Sie sind auf der Uikit 2 Site. Uikit 3 ist hier
getuikit.com/docs/slideshow
Oh, danke für die Tipp!
2.) Da die Slideshow unser eigenes Modul ist mit vielen Parameter, können sie keinen Fullscreen Parameter hinzufügen.
Sie können jedoch die Uikit Slideshow auch als pures Custom html Module in Joomla nutzen.
Einfach den Code von der Slideshow in ein custom module einfügen ( Tiny Editor ausschalten)

Das hatte ich schon mal mit diesem Ansatz versucht der aber nicht funktioniert:
<div class="uk-slideshow-fullscreen">
<ul class="uk-slideshow-items ">
<li><img src="images/bild1.jpg" alt="Bild1" /></li>
<li><img src="images/bild2.jpg" alt="Bild2" /></li>
</ul>
</div>
Wenn ich es richtig verstehe ist die Fullscreen-Klasse einfach nicht mehr verfügbar im uikit3. Heißt dass ich muss parallel uikit2 installieren und in meinem custom Modul darauf zugreifen?

Anstelle eines Slide-show-Moduls würde mir auch eine slide-show im Hintergrundbild gut gefallen. Dafür habe ich aber noch keine Lösung für "Dummies" gefunden. Existiert da etwas?

Danke und Grüße!
10 Monate 3 Wochen her #3

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • Beiträge: 956

joomlaplates antwortete auf UIkit 3 Slideshow im Fullscreen-Modus?

Hallo,
1.) Uikit 2 läuft nicht mit Uikit 3
2.) im Uikit 3 heisst der Parameter > uk-height-viewport
getuikit.com/docs/slideshow#viewport-height

Hier der HTML Code
<div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slideshow="ratio: false">
<ul class="uk-slideshow-items" uk-height-viewport="offset-top: true">
<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>
Folgende Benutzer bedankten sich: gwiora
Letzte Änderung: 10 Monate 3 Wochen her von joomlaplates.
10 Monate 3 Wochen her #4

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Persönlicher Email Support

Telefon Support, nach Vereinbarung

"ein Produkt ist immer nur so gut wie der Support"

Copyright © 2022 Joomlaplates | Joomla 4 Templates mit Uikit 3

Impressum & Datenschutz | AGB