Спрайтове - как стават


2
Гледах ги тези спрайтове, гледах ги, но не разбрах точно как от няколко картинки да си направя една. Трябва специално да пиша страничка за това ли? В смисъл - имам изрязани поотделно картинки и искам да ги събера на един спрайт. А ховър-ефекта им на друга картинка ли е? Извинявам се за лаишкия въпрос, ама не го схванах.



Отговори



4
Здравей,
спрайтовете се сглабят от необходимите картинки с някоя програма (PhotoShop, Paint.Net, Paint) в една цяла, и след това се показват само частите от нея, които ти трябват в случая. Това помага да се правят по малко заявки към сървъра.
За hover ефектите на бутони и др. - пак се слагат във същия спрайт, защото в противен случай browsera ще започне да сваля от сървъра картинката за hover, чак когато застанеш с мишката върху елемента. Което ще доведе до премигване - доста неприятен ефект.
С две думи - слагай всичко което можеш на 1 спрайт и показвай зоните които ти трябват :)

Поздрави,
Владимир Илиев

от peroroma (553 точки)


0
Благодаря много!

от taumaster (0 точки)

0
Виж тука как си играе със спрайтовете http://www.phpied.com/command-line-css-spriting/ просто разгледай да видиш за какво иде реч.

от Ivaka (85 точки)