Ich weiß nicht, wie ich die Funktion anders beschreiben soll. Ich hatte auf früheren Websites, erstellt mit NetObjects, vielfach den Effekt eingebaut, dass Fotos bei Mouseover zu einem anderen Foto werden. Ich möchte z.B. bei dieser Seite, dass das jeweils linke Foto durch das rechte ersetzt wird. Wie kann ich diesen Effekt erreichen? Finde leider auch imo kein Beispiel dafür.
Foto überblenden
-
Gast 100035 -
27. März 2022 um 14:51
-
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
Das ist ein Mouseover-Effekt. Genau wie wenn man mit der Maus über einen Link fährt und der sich farblich verändert. Geht auch mit Bildern.
Ich bin jetzt nur etwas überfragt wie du das mit Elementor erreichen kannst.
-
schau dir mal Twenty20 Image Before-After an Demo
-
Ich bin jetzt nur etwas überfragt wie du das mit Elementor erreichen kannst.Elementor nutze ich nicht auf dieser Site ;)
-
schau dir mal Twenty20 Image Before-After an Demo
Der Effekt ist nicht schlecht, aber nicht das was ich suche. -
Nun ganz einfach wäre der Code so
von deinem Beispiel die ersten beiden BilderCode<img src="https://www.ehrenbreitstein.de/wp-content/uploads/2019/10/Marstall-1.jpg" onmouseover="src='https://www.ehrenbreitstein.de/wp-content/uploads/2019/10/Marstall-2.jpg'" onmouseout="src='https://www.ehrenbreitstein.de/wp-content/uploads/2019/10/Marstall-1.jpg'" /> -
Ok, wenn ich jetzt noch finde, wo ich den Code einfüge mache ich den Versuch. Danke.
-
letztendlich da wo diese Bilder angezeigt werden sollen
als Beispiel mal das erste Bild mit dem Code ersetzt, sieht dann so aus -
Das ist genau der Effekt!!! :)
-
Ist die Seite mit DIVI erstellt oder läuft auf der Website nur zufällig Divi?
Persönliche Rückmeldung: Also ich fände ja die Before-After-Funktion für eine Heute/Damals Gegenüberstellung viel passender als ein Mouseover. ;) -
Mit DIVI würde man das so lösen können:
https://www.elegantthemes.com/blog/divi-reso…hover-with-divi
-
Nicht, dass ich es alleine hingekriegt hätte. Ich verstehe nicht alles was ich mache, aber manches macht mich glücklich ;)
Ist die Seite mit DIVI erstellt oder läuft auf der Website nur zufällig Divi?
Persönliche Rückmeldung: Also ich fände ja die Before-After-Funktion für eine Heute/Damals Gegenüberstellung viel passender als ein Mouseover. ;)Ich verwende den Builder von Designers Inn, der auf DIVI aufbaut. Habe eine solche Funktion, wie sie @
[size=14]b3317133[/SIZE] beschreibt, noch nicht gefunden, aber mit dem Code von @meisterleise geht es ja auch.Mir gefällt die Mouseover-Funktion besser, das ist aber Geschmackssache. Werde mir beides nochmal anschauen und dann umsetzen.
-
Klar, Geschmacksache!
Der Code kam nicht von mi aber @Tutrix wird es dir verzeihen. ;) -
Uups-Fehleintrag
-
Der Code kam nicht von mi aber @Tutrix wird es dir verzeichen. ;)Ja, hoffe ich, und hier korrigiert ;)
Ich verwende den Builder von Designers Inn, der auf DIVI aufbaut. Habe eine solche Funktion, wie sie @
[size=14]b3317133[/SIZE] beschreibt, noch nicht gefunden, aber mit dem Code von @tutrix geht es ja auch. -
Die o.g. Beschreibung ist die offizielle Dokumentation von DIVI.
Du könntest beim Hersteller Deines Builders nachfragen, wie das damit geht, Zitat vom Hersteller Website:
ZitatBilder sind das Salz in der Suppe. Jetzt könnt ihr alles so zeigen, wie ihr wollt: mit Klick-Aktion, Rahmen, Mouseover.
-
Ja, da gibt es sogar ein Video-Tutorial, aber wegen meiner notorischen Faulheit habe ich das bisher nicht angeschaut.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!