Ladegrafik als erstes laden

[koma05]

hallo.
habe eine klasse loader. darin wird nur eine ladegrafik zugewiesen.

        .loader {
            background: transparent url("images/ajax-loader.gif") no-repeat 50% 50%; 
        }

das problem an der sache ist, das diese ladegrafik nicht sichtbar ist.

mir kommt es so vor als wenn die ladegrafik erst nach dem laden der jeweiligen bilder angezeigt wird. und dann sieht man die ladegrafik ja nicht mehr, wiel das bild davor ist.

wie kann ich am besten diese ladegrafik als erstes laden lassen? jquery evtl.?

 

[Samuelll]

AW: Ladegrafik als erstes laden

Was für Bilder ?
Eine Gallerie ? Eine Sliderlösung ?
Grafiken einer Internetseite wie Ecken und Schatten oder Hintergründe ??

 

[koma05]

AW: Ladegrafik als erstes laden

es befinden sich ca. 20 bilder auf einer reinen html-seite...

 

[macmerlin1976]

AW: Ladegrafik als erstes laden

Außerdem hast du deinem Loader ein Hintergrundbild zugewiesen.
Somit ist für ihn der Container leer.
Einfach zu testen mit Background-Color. Da wirst Du wahrscheinlich immer noch nichts sehen.
Gebe ihm mal die Breite und die Höhe des Bildes mit. Dann sollte es klappen.

 

[fexx]

AW: Ladegrafik als erstes laden

stimmt auch der pfad?

 

[koma05]

AW: Ladegrafik als erstes laden

stimmt
muss an firefox liegen.
im opera und in chrome wirds ordentlich angezeigt.

habe nun

background-size: 24px 24px;
            background-image: url("images/ajax-loader.gif");
            background-position:50% 50%;
            background-repeat:no-repeat;

probiert.
gleiches ergebnis.
opera und chrome wird die ladegrafik gleich angezeigt, in ff nicht

 

[fexx]

AW: Ladegrafik als erstes laden

eh, er meinte mit width und height^^

 

[koma05]

AW: Ladegrafik als erstes laden

ok
hat aber auch nichts bewirkt... werde es jetzt mal so lassen...