[HTML] Bildlink mit Hover-Effekt

Hey Ho.

Ich hab 'ne Frage, und zwar - ich will ein Bild haben, welches durch Berührung wie hier etwas stärker gezeigt wird.
Ich hatte nur mal 'nen Code gefunden, wie man 'n Bild verblassen lässt, aber das will ich ja nicht /=
Kennt ihr zufällig 'nen Code, den ich verwenden kann?

Ganz liebe Grüße & schonmal Danke im Voraus!

Hey,

ich hab's mir mal angeschaut
Die HP die du als Beispiel angegeben hast ist eigentlich ganz einfach gemacht worden. Und zwar haben die die stärkeren Bilder als Originalbilder genommen und die dann ja verlinkt zu der Lightbox. Der Link hat eine Klasse zugewiesen bekommen, die per css definiert ist. Und zwar mit opacity 0.87, sodass das Bild etwas matter erscheint. Bei aktivierung des links wird dann opacity auf 1 gesetzt.
Würdest du das für deine HP verwenden wollen, könntest du das ganz einfach so machen:

1. in die css-datei das hier einfügen:

code: 1: 2: 3: 4: 5: 6: 7: 8: .MattEffekt { opacity:0.87; } .MattEffekt:hover { opacity:1; }

2. dein Foto bindest du so ein:

code: 1: <div class="MattEffekt"><img src="DeinFoto.jpg"></div>

3. magst du das Foto verlinken, einfach das Bild verlinken:

code: 1: <div class="MattEffekt"><a href="DeinLink.html"><img src="DeinFoto.jpg"></a></div>

Sollte ich nicht falsch liegen, müsste das so gehen


Lg
Julia