jQuery .load() messaggio quando l'intero contenuto è stato caricato

[nic89]

Buonasera a tutti,
sto realizzando una pagina in cui, tramite la funzione .load() di jQuery, alla pressione di un collegamento mi venga caricato all'interno di un div un'altra pagina html.
La pagina html caricata, però, contiene delle immagini, oltre al testo, e vorrei che non mi apparisse nulla finché tutto il contenuto (immagini comprese) non fosse completamente caricato.
Per capire meglio, allego 2 codici di esempio:

index.html

<script>
function carica() {
$("#contenuto").load("pagina.html", function() {
    $("#contenuto").show();
});
}
</script>
Carica il contenuto
<div id="contenuto" style="display: none;"></div>

pagina.html

Questo è il contenuto con un'immagine

[img]immagine.png[/img]

Come potete capire, appena l'utente fa clic sul collegamento viene mostrato il contenuto di pagina.html con l'immagine che viene caricata.
Quello che vorrei realizzare è che appaia pagina.html all'interno del div "contenuto" non appena l'immagine sia stata caricata (senza, però, ovviamente specificare degli id per ogni immagine e controllandone il caricamento da index.html)...
Qualcuno può darmi una mano???

[nic89]

Nessun aiuto???