preload immagini.. particolare..

**nasosansoft** · 16-10-2011, 20:42

salve
avrei questa esigenza,
ho delle immagini, sempre diverse da caricare, vorrei che prima che queste vengano caricate venga fatto vedere una gif che dica "sto caricando" in qualche modo..
ovviamente non deve coprire tutta la pagina, e quando la foto sotto è stata caricata questa gif deve sparire...
esiste qualche modo?
la cosa dovrebbe essere fatta a questa pagina www. nasosan . it / foto.php sia per la foto principale che per le foto piccole a destra...
grazie.

ps non so nulla di css...

**Mich_** · 17-10-2011, 09:26

Non si puo` fare con solo CSS. Il CSS non risponde agli eventi "fine caricamento" e sim.

Occorre un minimo di JS.

Sposto in JS, ma ci sono sicuro gia` delle discussioni, per cui per prima cosa fa' una ricerca.

**fcaldera** · 17-10-2011, 09:32

il modo più facile, se sono immagini, è mettere un background agli elementi <img> con un preloader animato in gif. Poi quando l'immagine si carica, questa nasconderà il preloader di sfondo

**nasosansoft** · 17-10-2011, 11:31

Originariamente inviato da fcaldera
il modo più facile, se sono immagini, è mettere un background agli elementi <img> con un preloader animato in gif. Poi quando l'immagine si carica, questa nasconderà il preloader di sfondo

un piccolo esempio?

**fcaldera** · 17-10-2011, 12:28

Originariamente inviato da nasosansoft
un piccolo esempio?

[img]immaginechecimetteunpoacaricarsi.jpg[/img]

**nasosansoft** · 22-10-2011, 17:09

Originariamente inviato da fcaldera
[img]immaginechecimetteunpoacaricarsi.jpg[/img]

io ho fatto questo:
[img]Alima/ALima00055.JPG width=400 [/img]
e non funziona.. non carica nulla.. ne il primo file tantomeno il secondo..
se li carico normalmente invece si vedono tutte e 2....
tra le altre cose dovrei inserire il nome del file Alimaxxxxx come variabile in php.....
grazie per i consigli.

**cavicchiandrea** · 22-10-2011, 22:13

[img]Alima/ALima00055.JPG[/img] avevi inserito la larghezza (width) nel attributo src

**nasosansoft** · 23-10-2011, 09:37

Originariamente inviato da cavicchiandrea
[img]Alima/ALima00055.JPG[/img] avevi inserito la larghezza (width) nel attributo src

INFINITE GRAZIE, come sempre, ho risolto
ecco il codice completo di php
[img]Alima/<? echo [/img]" width="400" />

ps
sai mica indicarmi un buon manuale mghill o apogeo per l'html5 e css ? che seguano da zero sino all'avanzato?

**cavicchiandrea** · 23-10-2011, 10:29

Non conoscendo nessuno dei tue, personalmente opterei per apogeo perché mi sono sempre trovato bene

Discussione: preload immagini.. particolare..

Strumenti discussione

Ricerca discussione

Visualizza

preload immagini.. particolare..

Permessi di invio