priorità di caricamento img

[frifrini]

buonasera a tutti,
ho una pagina html lunga e con parecchie img, di queste immagini però una parte è indispensabile al layout della pagina mentre altre sono esclusivamente di abbellimento. Mi domandavo quindi se è possibile caricare le immagini di abbellimento solo dopo che quelle di layout sono state caricate.
se qualcuno sa darmi qualche consiglio o conosce qualche link...
Grazie in anticipo!

[Xinod]

giusto per inquadrare meglio il problema: di che tipo di sito stiamo parlando,
approccio moderno con immagini accessorie definite come background di elementi in css esterni
o minestrone anni 90?

[frifrini]

Ciao Xinod! direi zuppa + minestrone e crostini?

si tratta di un sito statico, html e css. La "particolarità" del sito è di essere tutto in una pagina e di essere costruito come un'illustrazione da scrollare in cui verranno inseriti quà e la i vari contenuti.
Quindi quello che pensavo era di inserire in html e css le immagini "prioritarie" e richiamare il resto con js.
Comunque dato che magari la mia spiegazione è confusa ecco una pagina di prova di quello che sto preparando (tutto da sistemare)
www.riotera.com.br/

In pratica le immagini che compongono la fine della pagina o gli elemanti "simpatici" (carote, lumache, etc.) non serve vengano caricate subito...
Intanto grazie!!!

[Xinod]

hai varie opzioni,
puoi iniettare nei contenitori questi contenuti aggiuntivi, per esempio

function $(id){
  return document.getElementById(id);
}
window.onload=function(){
  $('sovrapposizioni').innerHTML='<div id="carota">[img]img/carota.png[/img]</div><div id="lumaca">[img]img/lumaca.png[/img]</div><div id="verme">[img]img/verme.jpg[/img]</div>';
  $('altroIdContenitore').innerHTML='<div><img>etc...</div>';
}

ovviamente rimuovendo dall' xhtml tutto il contenuto che vai ad aggiungere dinamicamente

l' esecuzione di questo codice all' onload ti permette di caricare prima tutto il resto

pero', senza fare i minestroni
inserirei queste immagini accessorie come background degli elementi (elementi posizionati e dimensionati a dovere sempre via css) e manterrei queste impostazioni in un css esterno a parte, css da incorporare nel documento sempre e solo a fine caricamento

[frifrini]

Perfetto!
E quello che cercavo. Seguiro sicuramente anche i consigli sull'uso dei css
Grazie mille!!!