Komentarze do: Efekt rollover w CSS bez przeładowywania obrazka

Autor: m1chu

m1chu — Mon, 16 Nov 2009 12:49:58 +0000

Nie próbowałem uzyskać nigdy tego efektu z animacją. Nie mniej jednak polega on tylko i wyłącznie na przesunięciu widocznej części tła lub marginesu. Teoretycznie więc, jeżeli zapętlisz animację (prawą część grafiki) to nie powinno być problemu z jej odtwarzaniem.

Autor: bart

bart — Sun, 15 Nov 2009 22:03:19 +0000

A da się to zastosować do animowanego obrazku ? Np. obrazek 400px – lewa cześć 200px normalny statyczny obraz a druga animowany. Po zastosowaniu powyższego tutka animacja wyświetla się tylko 1 raz a zależało by mi na tym aby odtwarzana była za każdym razem po najechaniu gryzoniem.

Autor: m1chu

m1chu — Wed, 25 Mar 2009 15:58:35 +0000

Urok IE6. Bijmy pokłony programistom po raz kolejny :D Nie mam IE6 i szczerze mówiąc nie mam jak tego teraz sprawdzić. Więc piszę czysto teoretycznie - "z tego co wiem". IE6 ma problem z obsługą background-position, na pewno na takim poziomie, że nie potrafi poprawnie "przesuwać" plików PNG (innych niż 8-bitowe). Spróbuj może z GIFem. Jeżeli to nie pomoże warto wskoczyć na MSDN (które tak nawiasem mówiąc jest dobrym kompendium wiedzy na tematy związane z aplikacjami i środowiskami MS) i zapoznać się z rozszerzeniami: -ms-background-position-x i -ms-background-position-y. Ostatecznie zostaje JS (backgroundPosition) lub np. jQuery (background-position-x, background-position-y, background-position). Te dwie metody, jeżeli są poprawnie napisane powinny działać.

Autor: Mario

Mario — Wed, 25 Mar 2009 11:21:18 +0000

Problem z podmianą obrazków istnieje nadal pod ie6. Polega na tym, że zmiana obrazków metodą background-position powoduje … ponowne załadowanie obrazka. Niezależnie od tego, czy robimy to za pomocą css’a, czy javascriptu. Nie pomagają przy tym skrypty images preload itp. Żeby się o tym przekonać że tak jest wystarczy wrzucić swoje „rollovery” gdzieś na sieć i po załadowaniu strony wyjąć wtyczkę sieciową … :(

Autor: m1chu

m1chu — Wed, 29 Oct 2008 13:51:56 +0000

Znaczniki które podałem służą tylko do tego, żeby umieszczony w nich kod został pokolorowany wg. danej składni. Na maile tego typu nie odpowiadam, od tego są komentarze. Nie ma żadnej filozofii w użyciu podanych przeze mnie znaczników. Wystarczy przeczytać co nie co o BBCode, bądź odrobinę logicznie pomyśleć. Obrazek w odnośniku (a href) to zupełnie inna grafika. Ty masz połączyć dwie grafiki w jedną dla znacznika img. Nieważne czym to połączysz. Można to zrobić każdym programem do obróbki grafiki. Wszedłem na Twoją stronę i widzę pojedynczą grafikę pod tagiem img, a nie połączoną. Więc nic nie zmieniłeś. Jak już poprawisz powyższą rzecz to usuń style="width: 171px; height: 106px;" z img. Wtedy musi już działać :D

Autor: 2 animowane menu za pomocą funkcji jQuery - animate() | m1chu.eu - another devblog

Wed, 29 Oct 2008 12:47:37 +0000

[...] – klasa służąca do pobierania plików z wrzuta.pl, youtube.com i owned.com (wyświetleń: 700)Efekt rollover w CSS bez przeładowywania obrazka (wyświetleń: 609)Proste uruchamianie i zamykanie zewnętrznych programów w Visual C++/C# [...]

Autor: Tekilla

Tekilla — Mon, 27 Oct 2008 23:38:14 +0000

A nic widzę ze to jednak nie pokazuje od razu kodu myślałem że jak z tekstem no nic było dobrze kodowanie nauczone:D