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

  • Beiträge: 28
  • Dank erhalten: 0

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!
2 Jahre 4 Monate her #1

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • Beiträge: 1975
  • Dank erhalten: 295

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)
2 Jahre 4 Monate her #2

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • Beiträge: 28
  • Dank erhalten: 0

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!
2 Jahre 4 Monate her #3

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • Beiträge: 1975
  • Dank erhalten: 295

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: 2 Jahre 4 Monate her von joomlaplates.
2 Jahre 4 Monate her #4

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Installations-Service

Sparen Sie Zeit, wir installieren ihr gekauftes Joomla Template
mit all den dazugehörigen Extensions und dem "Demo Inhalt" innerhalb der nächsten 24 Stunden
auf einem Server/Webhost ihrer Wahl

Kaufen - 59€

Copyright © 2022 Joomlaplates | Joomla 4 Templates mit Uikit 3

Impressum & Datenschutz | AGB