Mgiełka na zdjęciu po kliknięciu.txt

(1 KB) Pobierz
Mgie�ka na zdj�ciu po klikni�ciu 

Bardzo popularny efekt mgie�ki na grafice, kt�ra zanika, wyostrzaj�c obraz po najechaniu myszk� - przyk�ad: moje bannery - jest ju� powszechnie znany. Istniej� jednak r�wnie� inne sposoby urozmaicenia wygl�du grafiki na stronie. Poni�ej znajdziecie prosty i ciekawy efekt dzia�aj�cy odwrotnie do tego, o kt�rym wspomnia�em. Pliki z grafik� b�d� wygl�da�y normalnie, dop�ki kto� na nie nie kliknie, w�wczas b�d� one wygl�da�y jak za mgie�k�. Efekt wygl�da bardzo ciekawie, gdy mamy na przyk�ad galeri� zdj�� - po klikni�ciu z poszczeg�lne fotki zmieniaj� one sw�j wygl�d sygnalizuj�c jednocze�nie o ich obejrzeniu.
Ca�o�� rozpoczynamy od dodania do definicji styli opisu zachowania po klikni�ciu - poni�szy wpis nale�y doda� do nag��wka dokumentu, czyli przed znacznikiem </head>:
<b><STYLE type=text/css>.visited {
FILTER: alpha(Opacity=99,FinishOpacity=60,style=1,StartX=0,FinishX=2,StartY=0,FinishY=2)
}
</STYLE></b><br>

Oczywi�cie warto�ci tu opisane mo�na dowolnie modyfikowa� - ustalaj�c na przyk�ad wi�ksz� lub mniejsz� intensywno��. Drug� rzecz� do wykonania jest przypisanie tym obrazkom, kt�re maj� si� zmienia� (samo dodanie styli jeszcze nie zmieni wygl�du fotek) definicji zmiany po klikni�ciu. Przyk�adowa definicja obrazka z dodanym efektem mo�e by� nast�puj�ca:
<IMG onmouseup="className='visited'" src="fotka.jpg">
- gdzie onmouseup="className='visited'" odpowiada za pojawienie si� mgie�ki po klikni�ciu:
Zgłoś jeśli naruszono regulamin