Il problema è qui, vedi a fondo pagina:




http://odyniec.net/projects/imgareas...-callback.html




ho seguito le sue istruzioni ma l'anteprima non prende le variabili come dovrebbe, cioè le ignora proprio, posiziona l'immagine al centro come è di default e basta.

questo è quello che ho fatto, tu sicuramente di javascript ne capisci più di me, perfavore dagli un'occhiata.



codice:
<?php 
$sql_fotoarticolo = "SELECT c_art_articolo.*, c_art_fotoarticolo.*, c_art_fotoarticolo.foto AS photogallery  
			
			FROM c_art_fotoarticolo
			
			INNER JOIN c_art_articolo
			ON c_art_fotoarticolo.id_art_articolo = c_art_articolo.id_art_articolo 
				
			 WHERE  c_art_articolo.id_art_articolo = '".$id."' 
			ORDER BY c_art_fotoarticolo.id_art_fotoarticolo ASC";  
$result_fotoarticolo = mysql_query($sql_fotoarticolo,$conn) or die ("errore ".mysql_error());

$row2_fotoarticolo=mysql_fetch_array($result_fotoarticolo)
?> 


<script type="text/javascript" src="script/script_centra_immagine/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="script/script_centra_immagine/jquery.imgareaselect.pack.js"></script>




<script type="text/javascript">
$('img').imgAreaSelect({
   x1: <?php echo $row2_fotoarticolo['foto_inquadratura_x1'] ?>,
   y1: <?php echo $row2_fotoarticolo['foto_inquadratura_y1'] ?>,
   x2: <?php echo $row2_fotoarticolo['foto_inquadratura_x2'] ?>,
   y2: <?php echo $row2_fotoarticolo['foto_inquadratura_y2'] ?>,
   w: <?php echo $row2_fotoarticolo['foto_dimensioni_w'] ?>,
	h: <?php echo $row2_fotoarticolo['foto_dimensioni_h'] ?>,
   onInit: preview2,
   onSelectChange: preview2
});
</script>

<script type="text/javascript">
$(document).ready(function () { 
$('#preview2').imgAreaSelect({ onSelectEnd: function (img, selection) { 
$('input[name=x1]').val(selection.x1); 
$('input[name=y1]').val(selection.y1); 
$('input[name=x2]').val(selection.x2); 
$('input[name=y2]').val(selection.y2); 
$('input[name=w]').val(selection.w); 
$('input[name=h]').val(selection.h); 
} }); 
});
</script>



<div class="frame" style="margin: 0 1em; width: 149px; height: 149px;">
<div id="preview2" style="width: 149px; height: 149px; overflow: hidden;">

<a href="images_photogallery/<?=$row2_fotoarticolo['photogallery']?>" rel="lyteshow[foto]" title="<?=$row2_fotoarticolo['titolo_foto']?>">
[img]images_photogallery/<?=$row2_fotoarticolo['photogallery']?>[/img]
</a>
 
</div>
</div>