Kolorowanie grafiki (hover) w HTML i JS

[admin]

1. Utwórz dwa te same butony tylko że jeden ma być kolorowy a drugi szary. Można to zrobić za pomocą Gimp'a. Włączasz Gimp'a otwierasz kolorowy buton wchodzisz potem Obraz>Tryb> klikasz w Odcienie szarości i zapisujesz jako szary buton.

Demo kolorowego butona:

Demo szarego butona:

2. Umieszczasz te dwa butony na serwer

3. Wstawiasz na stronę kod:

Kod: Zaznacz cały

<img src="link do szarego butona" onmouseout="this.src='link do szarego buttona'" onmouseover="this.src='link do kolorowego butona'" alt="Tekst pojawiający się gdy nie będzie kolorowego butona" />

W moim przypadku kod wyglądał tak :

Kod: Zaznacz cały

<img src="http://fotka.iplaneta.info/uploads/87ddad851f.gif" onmouseout="this.src='http://fotka.iplaneta.info/uploads/87ddad851f.gif'" onmouseover="this.src='http://fotka.iplaneta.info/uploads/f18750439f.gif'" alt="Kolorowanie buttona" />

Zapisujesz plik i wysyłasz na serwer.

[Jenniwens]

Moreover, on the off chance that you would prefer not to utilize PNG's you can likewise utilize a sprite and adjust the foundation position from write my paper for cheap from onilne. A sprite is one extensive picture with an accumulation of littler pictures which can be utilized as a foundation picture by changing the foundation position.