+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: preloader CSS (/thread-preloader-css)
preloader CSS - Resurrection - 31-07-2011
Witam. Chce zrobic preloadera do w którym będą ładowały się obrazy przycisków menu.
Poczytałem trochę na ten temat i zrealizowałem w ten spsób który jednak nie działa. Nie wiem dlaczego...?
w pliku css stworzyłem dodatkowo
Kod:
div#preloader{
background: #212121 url(../images/background5.jpg) no-repeat,
url(../images/banner.png) no-repeat,
url(../images/B_inne2.png) no-repeat,
url(../images/B_inne_change2.png) no-repeat,
url(../images/B_inne_onClick2.png) no-repeat;
position:absolute;
left:-9999px;
top:-9999px;
}w pliku z kodem html w znaczniku <body> przed innymi znacznikami <div>umieściłem:
Kod:
<div id="preloader"></div>Kod:
.button_glowna{
background: url(../images/B_glowna2.png) no-repeat;
display:block;
width:130px;
height:34px;
border:none;
outline:none;
margin-top:5px;
}
.button_glowna:hover{
background:url(../images/B_glowna_change2.png) no-repeat;
}
.button_glowna_selected{
background:url(../images/B_glowna_onClick2.png) no-repeat;
display:block;
width:130px;
height:34px;
border:none;
outline:none;
margin-top:5px;
}RE: preloader CSS - Kartofelek - 31-07-2011
Daj sobie spokój z takimi bzdetami i skorzystaj z css sprite.
Pewnie o wpływie requestów na szybkość ładowania strony nie czytał?
Twoje rozwiązanie powinno działać. Oczywiście miej na uwadze że tylko nowe przeglądarki obsługują wiele url.