En la nueva versión de CropZoom 1.1 podrás exponer los controles en otra parte que no se el viewPort de visualización.
También tendrás un control nuevo de movimiento de la imagen a cortar.
Acá les dejo una imagen que muestra esta funcionalidad.
Nueva version de Cropzoom
Aca les dejo un link de un preview: http://www.cropzoom.com.ar/v2/
Tiene muy buena pinta, el scroll ha mejorado bastante y el poder colocar los controles en cualquier área de la pantalla le da más versatilidad. Espero que hagas pública pronto la nueva versión.
Pronto la subo…
Concuerdo con FeKula y veo una diferencia sustancialmente superior en la versión 1.1. Felicitaciones.
Tengo dos preguntas:
1 – ¿Podré hacer un slideshow?
2 – ¿Sería posible bajar esta versión provisoria?
La version ya la tengo pero no he tenido tiempo de subirla y cambiar ciertas cosas de la documentacion.
1) En cuanto al slideshow, no se a que haces referencia.
2) ya voy a postear un link con la nueva version.
Saludos
Gracias Gaston.
El slideshow se refiere a cargar las direcciones y nombres de las imágenes, mostrar el nombre y con un link poder cargarla. Sea la primera, la del medio ó la última, pudiendo avanzar o retroceder a voluntad.
Eso ya lo tengo (jquery.colorbox), me falta hacer zoom y paneo sobre la imgen mostrada y allí es cuendo entra CropZoom.
Hemos escaneado cientos de manuscritos antiguos (fundacionales) de diversas instituciones locales en la Biblioteca Popular del Paraná y es nuestra intención grabarlos en un CD o DVD y distribuirlos como memoria de nuestra historia y cultura.
Saludos.
Hola Gaston:
Gracias por compartir tu trabajo; yo he bajado la version anterior y tengo algun dato mal configurado. Me gustaria saber si le es posible ayudarme.
Basicamente todo funciona a la perfeccion, lo unico que aun no he podido lograr es que me presente la imagen cortada (aunque apaece cortada en el folder) el AJAX no me la presenta en el area designada para verla.
Yo estoy usando un localhost.
Saludos y gracias!
Xavier, podrías postear tu código javascript donde ubicas la imagen cortada, ademas si podes también agregar la devolución del server (podes obtenerla usando firebug).
Gracias.
Gaston gracias por la pronta respuesta:
Ok, este es el codigo obtenido por el firebug (no estoy muy familiarizado con este add-on)
<img src=" Strict Standards: Only variables should be passed by reference in C:\AppServ\www\canvas\nuevo\resize_and_crop\resize_and_crop.php on line 6 tmp/test1284957070.jpg”>
el codigo javascript esta basicamente exacto al de su demo :
$(document).ready(function(){
var cropzoom = $(‘#crop_container’).cropzoom({
width:640,
height:480,
bgColor: ‘#CCC’,
enableRotation:true,
enableZoom:true,
zoomSteps:10,
rotationSteps:10,
selector:{
x:0,
y:0,
w:200,
h:100,
aspectRatio:false,
centered:true,
borderColor:’blue’,
borderColorHover:’yellow’,
bgInfoLayer: ‘#FFF’,
infoFontSize: 10,
infoFontColor: ‘blue’,
showPositionsOnDrag: true,
showDimetionsOnDrag: true,
maxHeight: null,
maxWidth: null
},
image:{
source:’chicas1024.jpg’,
width:1920,
height:1450,
minZoom:30,
maxZoom:100,
rotation:0
}
});
$(‘#crop’).click(function(){
cropzoom.send(‘resize_and_crop.php’,'POST’,{},function(rta){
$(‘.result’).find(‘img’).remove();
var img = $(”).attr(‘src’,rta);
$(‘.result’).find(‘.txt’).hide().end().append(img);
});
});
$(‘#restore’).click(function(){
$(‘.result’).find(‘img’).remove();
$(‘.result’).find(‘.txt’).show()
cropzoom.restore();
})
});
Here you will see the cropped image
espero que pueda dar con el problema
Gracias
Si usas lo siguente al principio del archivo php, te deberia funcionar
ini_set(‘display_errors’, ’0′); # don’t show any errors…
error_reporting(E_ALL | E_STRICT); # …but do log them
Saludos.
Usted es el Maestro Gracias por su ayuda! si es posible explicar que hacen esas instrucciones, se lo agradeceria, nunca las habia usado antes o me podria referir a algun articulo “en espanol” sobre el tema. Gracias 1 vez +
Estimados -
Ya esta la versión 1.1 de CropZoom en el sitio, espero la disfruten…
Saludos.