Ciao, ho letto ora...
Tutto nascosto con z-index no altrimenti appesantisci la pagina dato che devi comunque caricare tutto in una volta sola. Se i contenuti sono gia asincroni, lo stesso lo puoi fare con il div delle immagine. Ti faccio un esempio con jquery/ajax che e' abb semplice.
codice:
$.ajax({
type: "POST", //post o get come vuoi
url: "tuofile.php", //url che richiama quello che vuoi fare
data: "nome=mario&anni=12", //qui eventuali dati da inviare
success: function(msg){
}
});
...success: function(msg)..... msg o altro nome e' tutto quello che ritorna la pagina che hai chiamato in URL ad esempio potrebbe benissimo essere un echo o nel tuo caso un metodo/funzione che genera il tuo div con i contenuti del caso
In succes in pratica hai il tuo contenuto da usare come vuoi.
facciamo che msg e' l'echo o la pagina che contiene tutto quello che sta in <div id="imgstock">
in questo caso puoi fare
codice:
...
success: function(msg){
$('#imgstock').html(msg);
}
...
A questo punto secondo me dove fai per esempio: Come raggiungerci
oltre a loadcontent(2) chiami il metodo per camiare anche quel contenuto(se non farlo nello stesso).
function loadImg(contenuto)
{
$.ajax({
type: "POST", //post o get come vuoi
url: "tuofile.php", //url che richiama quello che vuoi fare
data: "azione=loadimg&contenuto="+contenuto, //qui eventuali dati da inviare
success: function(msg){
$('#imgstock').html(msg);
}
});
}
devi solo crearti la funzione che genera quel blocco html, lascia stare per ora magari smarty se non l'hai mai usato, non e' per forza necessario anche se fa comodo.