[HTML][CSS]CSS hidden, Grafika z opcją hidden Opcje

[furious_knight]

Witam,

Tworzę stronę w html5 i chcę żeby działała ona prawidłowo na kompach, tabletach i komórkach. Kożystam z jednego kodu HTML i 2 CSS(screen i mobile), niektóre zdjęcia (img src) w HTML są uprzedzone klasą która w screen nic nieznaczy, a w mobile wygląda tak:

.mobile{
visibility: hidden;
display: none;
}

zrobiłem tak żeby zmiejszyć ilość grafiki do wczytywania przez "powolne" komórki, ale zastanawiam się czy wogóle to co zrobiłem ma sens? czy czasem tel. nie wczyta tej całej grafiki a następnie jej nie ukryje??

Czy wytłumaczy mi ktoś w jaki sposób i w jakiej kolejności są elementy wczytywane i odczytywane z serwera do przeglądarki?

[CuteOne]

Jeżeli masz zainstalowaną Operę lub FF za pomocą narzędzi programistycznych, możesz w łatwy sposób sprawdzić jakie elementy zostały pobrane z serwera. Twoje obawy są słuszne - przeglądarka pobierze grafikę a następnie za pomocą CSS ją schowa.

W tym wypadku najlepszy rozwiązaniem wydaje się tworzenie obrazów za pomocą JS (nawet zwykłe .inneHTML='<img src="">' powinno pomóc) lub utworzenie innego szablonu specjalnie no mobilki

Ten post edytował CuteOne 9.07.2012, 13:23:10