Rollover Image - Wechselbilder

[Tommy Herrmann]

Diese Block‑Erweiterung könnt ihr nach dem Herunterladen der .mbrext‑Datei über den Download‑Button direkt in Mobirise importieren.

Um eure Wechselbilder zu verwenden, klickt bitte in den Blockwerkzeugen auf das jeweilige Platzhalter-Miniaturbild und wählt ein Bild aus dem Mobirise Bild-Editor.

Ihr könnt für den Bildwechsel bei Hover drei unterschiedliche Effekte wählen:

→ Fade → Zoom → Slide

sowie auch die Geschwindigkeit einstellen.

https://www.mobirise-tutorials.com/AI-B ... image.html

rollover-image.jpg

[Tommy Herrmann]

Ich habe gerade meinen "Rollover Image" Block noch etwas erweitert.

Man kann jetzt über die Block-Werkzeuge noch abgerundete Ecken wählen und auch ob das Bild im linken oder rechten Bereich vom Block gezeigt werden soll.

Dazu bitte die .mbrext-Datei als Erweiterung nochmals neu importieren.

https://www.mobirise-tutorials.com/AI-B ... image.html

Block-Werkzeuge.jpg

Hier als Beispiel mit den Bildern auf der rechten Seite (in beiden Fällen bleibt das Bild am Handy immer oben), dem Hover-Effekt "Slide" und einem Video-Hintergrund:

https://www.mobirise-tutorials.com/AI-B ... mage-right

Rollover-Right mit Video-Background.jpg

[Tommy Herrmann]

Die neueste Version vom 02.06.2026 stell auch alternativ ein Text-Rollover zur Verfügung.

Diesen Text könnt ihr mit oder ohne Hintergrundfarbe verwenden und wie gewohnt in Mobirise editieren.

Die Position vom Textfeld ist einstellbar.

Wenn ein Text‑Rollover verwendet wird, muss zusätzlich ein Rollover‑Image ausgewählt werden, da sonst beim Publizieren eine Fehlermeldung auftritt. Das Textfeld kann mit oder ohne Hintergrundfarbe angezeigt werden. Es lässt sich über die X-/Y‑Koordinaten positionieren und mit abgerundeten Ecken versehen.

https://www.mobirise-tutorials.com/AI-B ... image-text

Rollover alternativ als Textfeld.jpg

[Tommy Herrmann]

P.S.:

Ein kleiner Fehler hatte sich eingeschlichen. Die drei Hover-Effekte waren bei Text-Rollover nicht wählbar, das sind sie jetzt aber.

Ich habe die Erweiterung und die .mbrext-Datei heute um 12:30 Uhr nochmals neu erstellt und zum Download hochgeladen.

[Tommy Herrmann]

Update: 03.06.2026 7:00 Uhr

Heute habe ich in den Block‑Werkzeugen noch die Option ergänzt, eine Deckkraft (Opacity) für den Rollover‑Text‑Hintergrund hinzuzufügen. Die geänderte .mbrext‑Datei liegt auf dem Server.

https://www.mobirise-tutorials.com/AI-B ... image-text

Text-Rollover.jpg