La pagina html è composta così
codice:
<html>

<head>
<title>Titolo</title>
<script type="text/javascript" src="ajaxupload.js"></script>
<script type="text/javascript" src="jcrop.js"></script>
<script ...></script>

<script type="text/javascript">
// dice al codice di attivare il crop x l'id cropbox
$(function()
{
$('#cropbox').Jcrop({
aspectRatio: 2
});
});
</script>
</head>
<body>

<input type="file" name="upload" onchange="upload(this.form)"/>

<div id="result"></div>
</body>
</html>
ajaxupload.js è una semplice classe che prende il valore del form e lo invia a php che carica l'img sul server e ritorna il risultato che poi verrà mostrato nel div con id="result"

il file php fornisce il seguente output
Codice PHP:
// .. codice x l'upload ..

echo '[img]immagine.gif[/img]'; 
Il problema, da quanto penso di aver capito, è dovuto che al caricamento della pagina viene caricato jcrop x tutte le immagini con id cropbox, mentre il div con il risutlato dell'upload è vuoto quindi nella pagina non ci sono immagini e non si attiva.

Quando poi viene caricata un immagine essa viene mostrata nel div quando oramai jcrop è già stato caricato e non ha trovato risultati. dovrei riuscire a fare il controllo di jcrop quando è caricata tramite ajax l'img così da poter attivarlo.