JS Ladebalken für große bilder

[eanst]

hallo forum,

ich habe eine spezielle seite, auf der u.a. große bilder angezeigt werden müssen. nun wäre es etwas besser, wenn man dafür eine art ladebalken sehen könnte. das man also auch merkt, das gerade etaws "passiert".

ich habe mir mal die lightbox angesehen Lightbox JS

das sieht ja klasse aus, aber leider nicht ganz das richtige. bei lightbox wrid erstens nur auf klick geladen und zweitens wird das bidl dann als eine art popup dargestellt. ich benötige das aber für bidler die feste in einer tabelle aufgeführt werden.

also von anfang an in der richtigen(großen) größe angezeigt werden sollen. nicht erst als vorschau.

kann mir jemand einen tipp zum abändern der js-dateien von lightbox geben? oder evtl. sogar eine andere js-lösung?

vielen dank!

[meyerzwo]

Hallo eanst,
dazu brauchst Du nichtmal Javascript, dein Vorhaben ist mit reinem HTML/CSS lösbar.
Mit einem Container um das Bild, der die Aktivitätsanzeige als Hintergrundbild anzeigt, ist das schick, schnell und sauber gelöst.
Zum Beispiel so:

<div class="img-holder size1">
        <img src="grossesbild.jpg" alt="grosses bild" /> 
</div>

und im CSS

.img-holder {
        background: url(ladeanzeige.gif) no-repeat 50% 50%;
}

/* Fuer verschieden grosse Bilder benoetigst Du verschieden grosse Container. Deswegen die zweite Klasse, die die Groesse regelt. */

.size1 {
        width: 800px;
        height: 600px;
}

Eine Auswahl von Aktivitätsanzeigen findest du z.B. hier.

[eanst]

isch werd bekoppt!

wenn das geht dann bist du der retter meines tages!

[eanst]

nöööö! das gehhhht!

KLASSE!

ich danke dir für diese tolle lösung!