24. 11. 2010, 21:50 #1 Contao-Nutzer Bildwechsel bei MouseOver mit Contao möglich? Hallo! Ich möchte gerne eine Fun Seite aufsetzen in der man bei einem MouseOver eine kleine Vorschau bekommt. ähnlich wie bei siehe blauen Pfeil; Brauche ich da ein Script Template, oder wie gehe ich am besten vor? ich muss sagen das ich noch Conteo Anfänger bin, und gerade die ersten Schritte LERNE. Bildergallerie im Header in 2 Reihen, mit Bildwechsel bei MouseOver. Aber dennoch Begeistert vom Funktionsumfang Liebe Grüße Stefan 24. 2010, 22:09 #2 Administratorin Aye, Stefan. all die Videoseiten machen solche Sachen in aller Regel mit speziellen Funktionen - hat dazu (wie andere auch) eine API veröffentlicht, die Dir als Anregung dienen könnte. 'Out of the box' und mit dreieinhalb Zeilen zusammenkopiertem JavaScript wird eine solche Funktion m. E. nicht möglich sein. Grundsätzlich sehe ich da eher selbstgeschriebenes JS anstatt Contao-Funktionen. Machbar sollte das sein - beispielsweise indem Du den Catalog als Backend nutzt und dann die entsprechenden Funktionen in die Ausgabe-Templates integrierst.
Mit CSS wird dem Webdesigner eine große Bibliothek an nutzbaren Eigenschaften gegeben. Das ganze ist so komplex, dass viele Ziele auf mehrere Arten erreicht und absolviert werden können. Der Bildwechsel per Hover ist eines davon. Ich zeige 3 verschiedene Möglichkeiten, Bilder beim überfahren mit der Maus auszutauschen. Inhaltsverzeichnis Zwei Bilder miteinander tauschen Ein doppeltes Bild - Bildausschnitt verschieben Zwei Bilder, per Hover das darüberliegende ausblenden Für dieses Tutorial nutze ich 3 verschiedene Bilder. Diese kannst du downloaden und dann selbst designen. CSS Tutorial: Bild 1 CSS Tutorial: Bild 2 CSS Tutorial: Bild 3 Klicke die Bild-Links mit "Rechtsklick" an und wähle "Grafik speichern unter.. ". WebDesign - Tips und Tricks: Bildwechsel clever mit CSS. Kopiere dir die Bilder in den Ordner, wo auch deine html-Datei zum programmieren/designen liegt, sonst wird dir beim nachprogrammieren kein Bild angezeigt. Gut, fangen wir an! 1. Zwei Bilder miteinander tauschen Bei der ersten Möglichkeit benötigen wir Bild 1 und Bild 2. Diese werden per Maus-Hover miteinander ausgetauscht.
Dadurch, dass du das Bild als Hintergrundgrafik nutzt, hat es semantisch keine Bedeutung mehr. Man müsste wissen, ob die einzubauende Grafik zum Aussehen der Seite gehört oder ein in HTML als Bild ausgezeichnete Grafik ist, zum Beispiel für eine Galerie.
Sollte CSS nicht funktionieren, wird der Text innerhalb der Span-Tags angezeigt. Der Link als solches wird immer funktionieren.Image Wechsel bei Mouseover