Fotowechsel per Hover-Effekt mit CSS

[Pixeltherapeutin]

Hallo Ihr Lieben!

Bisher habe ich Hover eigentlich nur für Links, Menüs und zum Zoomen genutzt.

Jetzt würde ich gerne auf einer Webseite ein paar kleine Fotos anzeigen, und daneben das Bild, das mit der Maus überfahren wird, groß darstellen.
Hat den Grund, dass nicht für jedes Foto eine neue Seite erstellt werden muß
und der User nicht per Klick eine neue Seite laden braucht.
Und das am liebsten nur mit HTML und CSS realisiert.
Oder geht das nur mit JavaScript?

Irgendwie stehe ich grade völlig auf der Leitung... :uhm:
Würde ich mich freuen, wenn jemand einen Tipp oder ein Tut für mich hätte. Und jemand was dazu sagen könnte, ob das überhaupt geht, und ob das überhaupt Sinn macht bezüglich vielleicht bestehender Darstellungsprobleme mit Browsern.

Liebe Grüße
Pixeltherapeutin

 

[jackprince]

AW: Fotowechsel per Hover-Effekt mit CSS

Hover geht in manchen schlechten Browsern nur auf
links (a).

Davon abgesehen wären die Fotos quasi Inhalt und das
gehört in die HTML.

Um mit Hover zu wechseln (wie z.b. bei menüs) muss du
JEDEM der foto-element ein Hintergrundbild für den Fall
ohne Hover geben und eines mit Hover.

(gibt natürlich auch noch andere Varianten, bevor wer Meckert )

Kurz gesagt nicht der Sinn der Sache.

Eine JavaScript Lösung wie z.B. im Beitrag -> gelistete sind da die beste Lösung finde ich.

JS wird ohne Plugin von jedem Browser unterstützt. Die Galerien die es gibt sind oft mit viel harter arbeit auf Kompatibilität und Performance getrimmt. Also eine recht gute Wahl.

 

[micr0]

AW: Fotowechsel per Hover-Effekt mit CSS

Hallo also es gibt da so eine Lösung..
CSS Bilder Galerie

Oder du schreibst deinen eigenen code.

Eine alternative wäre die Lightbox Bidlergallerie. Ist eine konstelose Bildergalerie mit JS. Sehr einfach einzubinden und hat einen super effect!

Schau es die mal an

 

[Pixeltherapeutin]

AW: Fotowechsel per Hover-Effekt mit CSS

Ganz vielen lieben Dank Euch beiden!!! :blumen:

 

[jackprince]

AW: Fotowechsel per Hover-Effekt mit CSS

kannt ich noch nicht. nette lösung

Einzig Schwachstelle ist das es eben auf links angewiesen ist.
Braucht man diese eigentlich nicht weil man nur den hover benötigt,
aber nicht auf was verlinkt, ist es eben quasi obsolet und nicht ganz passend es so zu verwenden.

 

[PixelLady]

AW: Fotowechsel per Hover-Effekt mit CSS

Hi,

meinst du das so wie hier?
ZVE - Zuchtvieh-Export GmbH - Selektion

 

[Pixeltherapeutin]

AW: Fotowechsel per Hover-Effekt mit CSS

@PixelLady:
nein, da werden die Fotos ja gezoomt. Meinte das so, wie im Link von micr0