[PROBLEM] Podświetlenie obrazka po najechaniu.

[NectarOrange]

Witam serdecznie. Mam do Was pytanie. Jak zrobić ,że gdy ktoś najedzie myszką na jakiś obrazek to on staje się jaśniejszy?

[Gość]

img {

background-image: url('link')

}

img:hover {

background-image: url('link') // do jaśniejszego obrazka

}

[Paradisia]

Czyli reasumując kod brauszu w CCS to hover i masz jego różne rodzaje.

Ten kod umieszczasz w pliku gdzie kodowana jest twoja strona (najczęściej style.css) i w danym miejscu gdzie jest zakodowany dany obrazek.

[MaTvA]

Witam serdecznie. Mam do Was pytanie. Jak zrobić ,że gdy ktoś najedzie myszką na jakiś obrazek to on staje się jaśniejszy?

Poczytaj o opacity i filter w CSS3.

Standardowo obrazek możesz trochę rozjaśnić, a w CSS go przyciemnić.

Dodatkowo do hovera dodajesz większą wartość opacity i gotowe

[SlimSzejdi]

przypisz sobie obrazek do klasy, a w pliku css odnies sie do niego i za pomoca opacity zdefiniuj mu 'widocznosc'. Twoj kod moze wygladac np. tak:

html:

< img src="[url="/katalog/obraz.jpg"]http://./katalog/obraz.jpg[/url]" class="obrazek" alt="" / >[/img]

 

css:

.obrazek {
opacity: 0.4;
filter: alpha(opacity=40); /* dla IE8 i pozostalego syfu od Micro$oftu */
}
.obrazek:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}

 

osobiscie zrealizowalbym omawiany efekt przy uzyciu jQuery - wieksza kompatybilnosc i dynamiczne mozliwosci.

 

edit: glupi skrypt forum nie chcial wstawic kodu obrazka i powstawial backlshashe i http.. co za idiotyzm, na forum o programowaniu.....