WOW Slider

Nur ein Beispiel für diese Mobirise Erweiterung


Hier zur Info: meine "WOW-Slider" Animation: "Fade" mit dem Thema: "Absent".
Folgende CSS im "CSS Editor" hinzugefügt, um die Schrift größer zu machen und die Navigations-Symbole auszuschalten:

.ws-title {
  font-size: 48px !important;
}
@media (max-width: 767px) {
    .ws-title {
      font-size: 36px !important;
    }
}
.ws_controls {
  display: none !important;
}

Mobirise Slider 

Hier habe ich bei dem ersten Bild vom "Brandenburger Tor" 
 noch einen Button mit Popup-Ziel eingebaut, was man natürlich bei jedem Bild mit unterschiedlichem Inhalt tun könnte für z.B. zusätzliche Informationen.


Hier zur Info: von diesem Mobirise-Slider habe ich die Pfeile zur Navigation mit folgender CSS ausgeblendet. Diese Anweisung habe ich in den "Code Editor" in den Bereich "CSS Editor" ganz unten hinzugefügt:

.carousel-control {
  display: none;
}

Weiterhin gibt es mit Mobirise v5.x einen Bug, sodass die Bilder vom Slider am mobilen Gerät in der Höhe verzerrt werden. Bis zu Behebung von diesem Bug habe ich die CSS mit der Eigenschaft "cover" ergänzt:

.container img {
  width: 100%;
  object-fit: cover;
}

WOW Slider

Effekt "Collage" und Thema "Chrome"
Keine Animation am Smartphone

© Copyright Mobrise Tutorials.com