[AJAX/JS] Rozjaśnienie obrazka po najechaniu myszą

Taka sztuczka często stosowana na stronach www bardzo ładnie wygląda.. Wyróżniamy w ten sposób grafikę, na którą aktualnie najechaliśmy myszą i którą oglądamy. (bardziej skupiamy się na wyróżnionym obrazku niż na setkach innych prawda? )

Ale przejdźmy do kodu.. W pliku css naszej strony www dodajemy:

.imagecontrast {
opacity : 0.70;
filter : alpha(opacity=70);
}

Natomiast przy obrazku wpisujemy poniższy kod:

<div class="imagecontrast" onmouseover="this.className=''" onmouseout="this.className='imagecontrast'"><img src="obrazki-tweaks.jpeg"></div>

Teraz na naszej stronie mamy bardzo ładnie wyglądającą mini galerię z obrazkami, które podświetlają się po najechaniu na nie myszą

Lepiej chyba użyć pseudoklasy :hover:. Będzie to szybsze w działaniu i nie spowoduje problemów, gdy JS jest w przeglądarce użytkownika wyłączony. Choć to już się coraz rzadziej zdarza.

Rozwiązań jest wiele, a każdy może robić to tak jak najbardziej mu się podoba...
Pokazałem jedno, ponieważ jakoś nie mam czasu opisywać wszystkich