Wir setzen unsere Tutorial-Serie zu Elementor und Elementor-Addons fort. Diesmal erfährst du, wie du den Bildvergleich auf deiner Website einrichten kannst. Vergleichsfotos bzw. Nachher-Vorher-Bilder sagen mehr als tausend Worte. Sie sind einfach unerlässlich, wenn du das Endergebnis der Anfangsphase eines Projektes gegenüberstellen willst. Derartige Bilder wirken beeindruckend und führen dein Können bestens vor Augen. Sie erweisen sich als besonders effektiv im Bereich Innenraum- und Garten-Architektur, Fotodesign, Sport und Diät, Makeup u. CSS - Bildwechsel bei mouseover | ComputerBase Forum. a. In diesem Elementor-Tutorial erfährst du, wie du ein Widget zum Bildvergleich mit dem JetElements-Plugin zu deiner Website hinzufügst. Unter Elementor-Addons weist dieses Plugin die vielseitigsten Funktionen auf. Es verfügt über eine Fülle von hochwertigen Inhaltselementen, die bei der Erstellung von Websites zum Einsatz kommen. Wenn dieses Plugin auf deiner WordPress-Website installiert ist, dann öffne den Elementor Page-Builder und lies diese Anleitung weiter.
Bildwechsel mit CSS mal ganz anders Hufig werden Bildwechsel ber JavaScript realisiert, obwohl das - zumindest bei Links - viel besser ber CSS zu realisieren ist. Bei der Standardmethode, dem Link eine Hintergrundgrafik zuzuweisen und diese ber den Selektor a:hover auszutauschen stellen sich jedoch zwei Probleme: Die neuen Grafiken mssen beim ersten berfahren mit der Maus erst geladen werden und der Effekt wird durch die Verzgerung vielleicht gar nicht sichtbar. Es gibt keinen Alternativtext fr den Fall, da die Grafik nicht angezeigt wird, wodurch dem Link eine Beschreibung und jegliche Kennzeichnung fehlt. Ich will auf die Tricks (wie z. B. Positionsnderung statt Austausch und Fahrner Image Replacement), mit denen diese Probleme nur teilweise (ein nach der FIR-Methode ausgeblendeter Linktext ist in CSS-fhigen Browsern nicht sichtbar! ) umschifft werden, nicht nher eingehen, denn es geht viel einfacher: