jesli chodzi o nieanimowane grafiki to sprawa jest w miare prosta, aby uzytkownik nie czekal na zaladowanie hover'a po najechaniu. wystarczy zrobic podobnie jak tutaj
co jednak z animowanymi gifami
po pierwsze nie moge zrobic jednej grafiki z dwoch(jak w powyzszym przykladzie) bo wtedy calosc musiala by byc animowanym gifem i pewnie zuzywala by duzo zasobow
po drugiegif musi sie pojawiac na nowo aby pokazal animacje od poczatku
wiec dlaczego poprostu nie zmienic grafiki w a:hover i jakos zpreloadowac odpowiednie gify wczesniej, tylko z tego co pamietam wsadzenie grafik na samym poczatku drzewa (zaraz po body:) do div-a z stylem dispaly: none; dawalo mizerne efekty bo grafiki sie nie sciagaly:| i tak czy siak trzeba bylo czekac przy najechaniu na odnosnik.
wszelkie rozwiazania typu JS czy visualization: hidden sa raczej srednie