Witam,

Czy znacie jakiś trik pozwalający na preload obrazków używanych w CSS dla
stanów hover? Chodzi mi o automatyzację tego procesu tak aby ręcznie nie
definiować w JS jakich obrazków używam w CSS, które trzeba preloadować. W
przeciwnym razie zawsze zapomni się o jakimś albo ładuje się już nie
istniejący. Nigdy nie udało mi się nad tym zapanować.

Pozdrawiam,
Marek

do góry

W dniu 2012-03-28 10:47, Marek pisze:
> Witam,
>
> Czy znacie jakiś trik pozwalający na preload obrazków używanych w CSS dla
> stanów hover?

Trzymaj wszystkie stany w jednym pliku.
Słowo kluczowe dla googla: CSS sprites

--
NotBear

do góry

On Wed, 28 Mar 2012 10:47:41 +0200, Marek wrote:

> Witam,
>
> Czy znacie jakiś trik pozwalający na preload obrazków używanych w CSS dla
> stanów hover? Chodzi mi o automatyzację tego procesu tak aby ręcznie nie
> definiować w JS jakich obrazków używam w CSS, które trzeba preloadować. W
> przeciwnym razie zawsze zapomni się o jakimś albo ładuje się już nie
> istniejący. Nigdy nie udało mi się nad tym zapanować.
>
> Pozdrawiam,
> Marek

CSS Sprites?


--
M.G.

do góry

Dnia Wed, 28 Mar 2012 13:03:23 +0200, NotBear napisał(a):

> W dniu 2012-03-28 10:47, Marek pisze:
>> Witam,
>>
>> Czy znacie jakiś trik pozwalający na preload obrazków używanych w CSS dla
>> stanów hover?
>
> Trzymaj wszystkie stany w jednym pliku.
> Słowo kluczowe dla googla: CSS sprites

Faktycznie, to całkiem wygodne w sensie preloadu. Przemyślałem taką
możliwość w kontekście ostatniego projektu i widzę dość poważny mankament.
Mianowicie rysunki musiałyby być bardzo od siebie oddalone aby przewidzieć
możliwość tego, że w pewnym momencie klient może zażyczyć sobie aby
przycisk X korzystający z jakiegoś środkowego sprita, był większy. Wtedy
wszystkie za nim znajdą się w innych koordynatach i trzeba będzie
przerabiać cały CSS albo zmodyfikowane wersje dawać na koniec i pogodzić
się z tym, że będzie w takiej bitmapie mnóstwo już nie używanych grafik.

do góry

po prostu twórz sobie pliki - osobne dla każdego guzika ale z dwoma stanami. W
przypadku zmiany parametrów obrazka zmieniasz tylko jeden plik - wczytywania tyle
samo (ta sama ilość pixeli), co trzymanie wszystkich guzików w jednym pliku


Pozdro
p.

do góry

On Fri, 30 Mar 2012 21:57:27 +0200, Marek wrote:

> Dnia Wed, 28 Mar 2012 13:03:23 +0200, NotBear napisał(a):
>
>> W dniu 2012-03-28 10:47, Marek pisze:
>>> Witam,
>>>
>>> Czy znacie jakiś trik pozwalający na preload obrazków używanych w CSS dla
>>> stanów hover?
>>
>> Trzymaj wszystkie stany w jednym pliku.
>> Słowo kluczowe dla googla: CSS sprites
>
> Faktycznie, to całkiem wygodne w sensie preloadu. Przemyślałem taką
> możliwość w kontekście ostatniego projektu i widzę dość poważny mankament.
> Mianowicie rysunki musiałyby być bardzo od siebie oddalone aby przewidzieć
> możliwość tego, że w pewnym momencie klient może zażyczyć sobie aby
> przycisk X korzystający z jakiegoś środkowego sprita, był większy.

No to wycenisz klienta godzinowo.


> Wtedy
> wszystkie za nim znajdą się w innych koordynatach i trzeba będzie
> przerabiać cały CSS albo zmodyfikowane wersje dawać na koniec i pogodzić
> się z tym, że będzie w takiej bitmapie mnóstwo już nie używanych grafik.

Co da kilkadziesiąt KB więcej, a preload i tak będziesz miał, w dodatku bez
siekania osobnymi requestami na każdy obrazek dla każdego elementu
nawigacji.

--
M.G.

do góry

W dniu 2012-03-28 13:13, M.G. pisze:
> On Wed, 28 Mar 2012 10:47:41 +0200, Marek wrote:
>
>> Witam,
>>
>> Czy znacie jakiś trik pozwalający na preload obrazków używanych w CSS dla
>> stanów hover? Chodzi mi o automatyzację tego procesu tak aby ręcznie nie
>> definiować w JS jakich obrazków używam w CSS, które trzeba preloadować. W
>> przeciwnym razie zawsze zapomni się o jakimś albo ładuje się już nie
>> istniejący. Nigdy nie udało mi się nad tym zapanować.
>>
>> Pozdrawiam,
>> Marek
>
> CSS Sprites?
>
>
Jedyne rozsądne rozwiązanie.

do góry

Dnia Sat, 31 Mar 2012 11:00:18 +0200, M.G. napisał(a):

> Co da kilkadziesiąt KB więcej, a preload i tak będziesz miał, w dodatku bez
> siekania osobnymi requestami na każdy obrazek dla każdego elementu
> nawigacji.

Ok, może i racja. Tak zrobię. Dzięki :-)

do góry