Mobirise Tutorials

Rollover Image - Wechselbilder

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

Um eure Wechselbilder zu verwenden, klickt bitte in den Blockwerkzeugen auf das jeweilige 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.

Ich habe hier abgerundete Ecken verwendet. Wenn ihr das auch möchtet, fügt diesen beiden CSS‑Klassen im Code-Editor die Eigenschaft "border-radius" hinzu:

.content-wrapper {
  border-radius: 20px;
}
.image-wrapper {
  border-radius: 20px;
}