1. Gib in das Suchfeld das Image Comparison-Widget ein. 2. Dann klicke auf das Widget und verschiebe es in einen neuen Abschnitt. 3. Links im Sidebar-Menü findest du den Block mit Einstellungen. Da kannst hier die Anzahl der zu zeigenden Folien ändern. 4. Setzt du die Hover-Pause auf "yes", wird die Folie wird beim Überfahren mit der Maus anhalten. 5. Du kannst auch die Autoplay-Funktion aktivieren und deren Geschwindigkeit einstellen. 6. Setze Infinite Loop auf "yes", wenn du willst, dass deine Folien endlos angezeigt werden. 7. Beim Slide- oder Fade-Effekt definierst du den Übergang von einer Folie zur anderen. 8. Weiter lassen sich Navigationspunkte und -Pfeile ein- bzw. ausschalten. Diese zwei Optionen machen die Navigation intuitiver und benutzerfreundlicher. 9. Jetzt übergehen wir zum Block "Items" und fügen Bilder hinzu. 10. WebSite X5 Help Center - Bildwechsel bei MouseOver. Standardmäßig heißen Labels "Vorher" und "Nachher". Diese lassen sich selbstredend nach deinem Belieben ändern. 11. Um Bilder hinzuzufügen, sollst du auf "Choose Your Image" klicken und ein Bild von Insert Media hochladen.
- Besser mit CSS von Gunnar Bittersmann, 05.10.2013 09:15 – SELFHTML Forum
- WebSite X5 Help Center - Bildwechsel bei MouseOver
Besser Mit Css Von Gunnar Bittersmann, 05.10.2013 09:15 – Selfhtml Forum
Hallo. Ich habe in einer Seite ein Menü aufgebaut, bei dem Grafiken als Button fungieren. Normal ist das Bild graustufig, bei mouseover wird das Bild farbig und bei mouseout wieder graustufig. Realisiert über verschiedene Grafiken (hier der Quellcode):
a >
Das Problem ist nun, dass das hier nicht für alle Grafiken funktioniert. Bei einigen gibt es Probleme beim Laden des farbigen Bildes, obwohl sich ja nur der Dateiname ändert, der Code also funktioniert. Das farbige Bild wird einfach nicht geladen und das graue Bild flackert total rum. Habe Dateiname etc überprüft, alles wie es sein sollte. Hat jemand noch eine Idee, woran das liegen kann? Also wie gesagt, es gibt auch Menüpunkte, wo das Ganze funktioniert. Vielen Dank, Heiko
Website X5 Help Center &Nbsp;-&Nbsp;Bildwechsel Bei Mouseover
Ich weiß nicht, wie ich da jetzt meine eigenen Templates reinbekomme. Ich bin absoluter Laie in dem gesamten Layout-Bereich und arbeite sonst nur im Inhalt-Bereich. Mfg
03. 2013, 12:00
#10
03. 2013, 12:10
#11
Contao-Fan
geht auch ohne ftp, x-beliebiges template wählen, code reinkopieren, abspeichern und anschliessend umbenennen. 02. 2015, 22:47
#12
Zitat von Psi
Das funktioniert leider nicht in Kombination mit Caching. Contao lädt das erste Bild aus dem assets-Ordner, das zweite verbleibt im Ursprungsordner, der Pfad wird nicht gefunden. Ideen wie man das lösen könnte? 09. 04. 2019, 16:35
#13
Hallo,
hat eventuell jemand eine Lösung für das Caching-Problem mit diesem Script? Momentan sucht das Script im assets-Ordner nach dem Over-Bild, welches dort nicht vorhanden ist. Des Weiteren erhält die Datei (1. Bild) auch einen neuen Namen. Somit müsste das 2. Bild (Over) diesen auch erhalten. Gruß
Im Prinzip
macht das nichts, da das Script auch so
funktioniert. (Meistens erschwert es aber
die Fehlersuch, wenn man sich vertippt
hat, und das Script nicht beim ersten Mal
wie gewünscht arbeitet. ) Tipp:
Bei Problemen kann man die HTML-Datei, in
welcher das JavaScript eingefügt werden
soll, auch in einen Texteditor (z. B.
Windows-Editor) laden und hier das
JavaScript hineinschreiben. ( Zu finden
unter: Start / Programme / Zubehör /
Editor). Anschließend abspeichern und
im Browser überprüfen.
Gerätezuordnung:
Die Gerätezuordnung hilft dem Shop dabei für die aktuell aktive Displaygröße die bestmögliche Darstellung zu gewährleisten. Marketing Cookies dienen dazu, Werbeanzeigen auf der Website zielgerichtet und individuell über mehrere Seitenaufrufe und Browsersitzungen hinweg zu schalten. Facebook:
Das Cookie wird verwendet, um den Nutzern von Websites, die Dienste von Facebook einzubinden und personalisierte Werbeangebote aufgrund des Nutzerverhaltens anzuzeigen. Aktiv
Inaktiv
Google AdSense:
Das Cookie wird von Google AdSense für die Förderung der Werbeeffizienz auf der Website verwendet. Emarsys:
Dieses Cookie dient zur Anzeige von personalisierten Produktempfehlungen im Webshop. Arbeitshosen selber gestalten mit. Bing Ads:
Das Bing Ads Tracking Cookie wird verwendet, um Informationen über die Aktivität von Besuchern auf der Website zu erstellen und diese für Werbeanzeigen zu nutzen. Criteo Retargeting:
Das Cookie dient dazu personalisierte Anzeigen auf den Websites Dritter auf Basis angesehener Seiten und Produkte zu ermöglichen.
Diese Hose mit Knieverstärkung, doppelten Latztaschen, Seiten- und Zollstocktaschen, ist vorgeschrumpft. Latzhose (Premium) Bei der dieser Ausführung handelt es sich um eine spezialisierte Latzhose mit funktionellen Details aus robustem, strapazierfähigem Mischgewebe (bei 60° waschbar, trocknergeeignet, Oberstoff (260 g/m²): 65% Polyester, 35% Baumwolle, Besatz: 100% Polyamid). Weitere Features sind: ein dehnbarer Bund mit Gürtelschlaufen, Latz mit längenverstellbaren, elastischen Trägern, eine reißfeste Dreifachnaht, mit CORDURA® verstärkte Taschen, Schubtaschen, diverse Werkzeugtaschen, 2 Taschen mit Reißverschluss, Zollstocktasche, Stiftefächer, Handytasche, Reflexelmente an Vorder-und Rückseite. Kurze Bundhose (Premium) Bei der dieser Ausführung handelt es sich um spezialisierte Arbeitsshorts mit funktionellen Details aus robustem, strapazierfähigem Mischgewebe (bei 60° waschbar, trocknergeeignet, Oberstoff (260 g/m²): 65% Polyester, 35% Baumwolle, Besatz: 100% Polyamid). Weitere Features sind: ein dehnbarer Bund mit Gürtelschlaufen, eine reißfeste Dreifachnaht, mit CORDURA® verstärkte Taschen (Schubtaschen, diverse Werkzeugtaschen, 2 Taschen mit Reißverschluss, Zollstocktasche, Stiftefächer, Handytasche).
Essentielle Cookies sind für die Funktionalität des Webshops unbedingt erforderlich. Diese Cookies ordnen deinem Browser eine eindeutige, zufällige und unpersönliche ID zu, damit dein Einkaufserlebnis ungehindert über mehrere Seitenaufrufe hinweg gewährleistet werden kann. Session:
Das Session Cookie speichert deine Einkaufsdaten über mehrere Seitenaufrufe hinweg und ist somit unerlässlich für dein persönliches Einkaufserlebnis. CSRF-Token:
Das CSRF-Token-Cookie trägt zu deiner Sicherheit bei. Es verstärkt die Absicherung bei Formularen gegen unerwünschte Hackerangriffe. Login Token:
Der Login-Token dient zur Sitzung übergreifenden Erkennung von Benutzern. Das Cookie enthält keine persönlichen Daten, ermöglicht jedoch eine Personalisierung über mehrere Browsersitzungen hinweg. Cache Ausnahme:
Das Cache-Ausnahme-Cookie ermöglicht es Benutzern individuelle Inhalte unabhängig vom Cachespeicher auszulesen. Cookies Aktiv Prüfung:
Das Cookie wird von der Website genutzt, um herauszufinden, ob Cookies vom Browser des Seitennutzers zugelassen werden.