Forum PHP.pl

Witam, mam pytanko...
Ponieważ bawię się imageareaselect i wszystko działa bez zarzutu oprócz wysylania pliku.
Zapraszam na stronę http://scatola.pl/Jcrop/demos/aaaa.php aby obejrzeć powstający błąd.

na zdjęciach 500x370 jest idealnie.
Chciałbym was poprosić o sprawdzenie kodu i podpowiedzenie mi co moge w tej sytuacji zrobić, domyslam się że muszę:
albo kazde zdjecie ustawić pod 500x370
albo dopasowywać skrypt do zdjęcia...
szczerze mowiac nie wiem co bedzie najlepszym rozwiązaniem...

[PHP] pobierz, plaintext 
if ($_SERVER['REQUEST_METHOD'] == 'POST')
{
    $targ_w = $targ_h = 150;
    $jpeg_quality = 90;
 
    $src = 'demo_files/31.jpg';
    $img_r = imagecreatefromjpeg($src);
    $dst_r = ImageCreateTrueColor( $targ_w, $targ_h );
 
    imagecopyresampled($dst_r,$img_r,0,0,$_POST['x'],$_POST['y'],
    $targ_w,$targ_h,$_POST['w'],$_POST['h']);
 
    header('Content-type: image/jpeg');
    imagejpeg($dst_r,null,$jpeg_quality);
 
    exit;
}
 
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
<script language="Javascript">
        $(function(){
 
                $('#cropbox').Jcrop({
                    aspectRatio: 1,
                    onSelect: updateCoords,
                    onChange: showPreview,
                });
 
            });
 
            function updateCoords(c)
            {
                $('#x').val(c.x);
                $('#y').val(c.y);
                $('#w').val(c.w);
                $('#h').val(c.h);
            };
 
            function checkCoords()
            {
                if (parseInt($('#w').val())) return true;
                alert('Please select a crop region then press submit.');
                return false;
            };
 
            function zmien(){
 
                jQuery('#cropbox').Jcrop({
                    onChange: showPreview,
                    onSelect: showPreview,
                    aspectRatio: 1
                });
 
            };
 
            function showPreview(coords)
            {
                if (parseInt(coords.w) > 0)
                {
                    var rx = 100 / coords.w;
                    var ry = 100 / coords.h;
 
                    jQuery('#preview').css({
                        width: Math.round(rx * 500) + 'px',
                        height: Math.round(ry * 370) + 'px',
                        marginLeft: '-' + Math.round(rx * coords.x) + 'px',
                        marginTop: '-' + Math.round(ry * coords.y) + 'px'
                    });
                }
            }
 
        </script>
[PHP] pobierz, plaintext 

Spostrzegłem, że jak tutaj:

[PHP] pobierz, plaintext 
jQuery('#preview').css({
                        width: Math.round(rx * 320) + 'px',
                        height: Math.round(ry * 240) + 'px',
                        marginLeft: '-' + Math.round(rx * coords.x) + 'px',
                        marginTop: '-' + Math.round(ry * coords.y) + 'px'
                    });
[PHP] pobierz, plaintext 

ustawie rozdzielczoś taka jak ma zdjęcie, a tu:

[PHP] pobierz, plaintext 
<img src="demo_files/31.jpg"  id="cropbox"/>
[PHP] pobierz, plaintext 

nie dam width i height to jest wszystko ok,

czyli musiałbym ustawić w miejscach 320 i 240 w JS zeby automatycznie pobierał dane obrazka, problemy w tym są 2
1.nie wiem jak to zrobić
2.jeżeli obrazek bedzie miał dużą rozdzielczość to mi się dopasuje do całego okna i rozwali wygląd:/ więc wolalbym ze te dane były stałe...