Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
preloader CSS
#1
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;
}
wierszy z url jest znacznie więcej.
w pliku z kodem html w znaczniku <body> przed innymi znacznikami <div>umieściłem:
Kod:
<div id="preloader"></div>
Przyciski mam rozwiązane następująco:
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;
}
Nie wiem co jest nie tak.Proszę o wskazówkę.
Odpowiedz
#2
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.
Odpowiedz


Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl