Preload delle foto in homepage..neofita...come ottenerlo?

[elj]

Ciao a tutti, una cosa che ancora non sono riuscita a capire come risolvere è creare un preload delle immagini della homepage.
A me piace mettere tante foto nelle home dei miei sitarelli, ma naturalmente pesano anche se cerco di alleggerirle con Image Analizer...alla fine il peso totale della pagina c'è e se non si ha una buona connessione magari l'attesa fa allontanare.
Vi faccio un esempio con queste foto che sto caricando su questo sito www.terrazzosulmare.altervista.org.
Le foto sono negli articoli o nei moduli nelle varie posizioni, accompagnate di solito da un po' di testo (ma anche no).
In pratica io vorrei che mentre si caricano anche per vari secondi le foto "vere" più pesanti, si vedessero subito in 1 secondo e mezzo al max una versione delle stesse con molta meno risoluzione ma che desse l'idea che la pagina s'è già aperta, e poi appena sono "pronte" appaiono invece le foto giuste.
Non ho idea di come agire..ho fatto qualche ricerca su Google ma sono conversazioni troppo tecniche con script ecc. e anche se dell'html a forza di Joomla ho capito varie cose, non sono certo una tecnica.
Qualcuno mi può dare un aiuto, un link, una dritta da cui partire?
Ringrazio in ogni caso dell'attenzione!

[giovi]

Ciao, se l'immmagine l'hai inserita attraverso codice html puro penso che comunque dovresti utilizzare del codice javascript. Del tipo:

Codice: [Seleziona]

<script>

var myimages=new Array()

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i] = new Image();
myimages[i].src = preloadimages.arguments[i];
}
}

//Nomi e percorsi delle immagini (inseriscine anche piu di tre)
preloadimages("01.gif","02.gif","03.gif")

</script>


<img src="01.gif">

<img src="02.gif">

<img src="03.gif">
Questo però non ti permette di avere (credo) in anteprima una foto di bassa qualità. Però ho notato che molti browser fanno questa operazione di default: prima di caricare una foto completamente ne caricano solo una a risoluzione ridotta.. Un'ottima cosa!

Se è puramente una questione di html (cioè non hai usato joomla o qualche modulo per inserire slideswho ecc.. ) ti consiglio di postare in una sezione più adatta per parlare di questo tipo di problemi

[elj]

Ciao, grazie della risposta, googolando mi sto facendo un'idea delle alternative.
In effetti io pur facendo il sito con Joomla ho inserito le immagini con semplici moduli o articoli di homepage..senza usare slideshow o altri effetti di gallery.
Non volevo creare un preloader con CSS (ho letto per es. qui http://www.mrwebmaster.it/css/articoli/preload-immagini-css_896.html) ma creare una cosa il più possibile pulita e semplice...per forza javascript dunque?
Leggo poi che se la pagina in questione è la homepage il discorso cambia (in fondo al post http://www.giorgiotave.it/forum/html-e-xhtml/110613-immagini-pesanti.html) ma sinceramente non ho ben capito perchè.
Sono OT? Scusa l'ignoranza, quale sezione sarebbe stata più adatta al mio argomento?

[giovi]

Non proprio offtopic, però girando tra le sezioni probabilmente ne avresti trovata una più adatta (non trattandosi di un problema di joomla) in cui avresti ricevuto un supporto più preparato e magari maggiore attenzione!

Attenzione a non linkare tutti questi siti esterni: nel caso dovessero scadere ci ritroveremmo con una risorsa fatta a spezzoni

Come hai detto tu ci sono molti ma molti modi per farlo, non necessariamente dei usare javascript. Cosa intendi per "pulito"?

Il discorso dell'home page potrebbe essere differente in quanto potresti bloccare il caricamento del sito fino a quando le immagini non saranno completamente caricate e visualizzare tutto insieme, ma è un po un stupidaggine... Potresti farlo anche con tutte le pagine, nessuno ti manderà la polizia a casa per questo

Per quanto riguarda le immagini pesanti però ti consiglio non di rinunciarci ma quantomeno di comprimerle il più possibile.. Nessuno passarebbe tanto tempo su un sito dove per caricare ogni pagina ci vogliono più di dieci secondi! A meno che non sta cercando qualcosa di particolare, ma al giorno d'oggi il web è talmente pieno di risorse (anche se a volte sono solamente orrende cloni di cloni ingiustamente copiati senza neanche citare l'autore) che pochi si farebbero scrupoli nel cambiare sito e cercare altrove!...
 

[elj]

Ti ringrazio dei consigli: credo che mi dedicherò a ottimizzare le immagini, che finora ho uppato senza troppi riguardi per il peso.
Hai qualche consiglio da darmi in proposito?
Se il sito è fotografico, più di tanto non si può rinunciare alla grandezza e quindi al peso, come trovare un buon rapporto qualità-peso?
Per es. nel sitarello che h avevo cminciato www.terrazzosulmare.altervista.org
Grazie ancora, ciao!

[giovi]

ne capisco poco di fotografia digitgale ma puoi rivolgerti ad un forum dedicato. Posso anticiparti che ogni formato ha un algoritmo di compressione per cui probabilmente ce ne sono alcuni più adatti per le immagini scure/chiare/monocromatiche, ecc... o anche in base al numero di colori (256 per il gif e così via...). Puoi fare una ricerca su google e cercare il formato più adatto al tipo di foto che vuoi pubblicare ed utilizzare quello! Anche se quelli supportati maggiormente restano il gif ed il jpeg (png solo sai più recenti).. non so dirti se è possibile cambiare metodo di compressione o se per ottenere un certo formato ci sono degli standard a cui non si può prescindere, ma puoi scoprirlo appunto facendo qualche ricerca qui e la.

Buona fortuna!

[elj]

Grazie mille mi hai dato ottimi punti di partenza. Mi metto in caccia per impararne di più.
Ciao!