el show de imgAreaSelect no funciona la primera vez
Publicado por David (1 intervención) el 14/01/2018 00:38:15
Hola!
Estoy tratando de mostrar una pantalla en mi web a través de la cual el usuario puede recortar una imagen, utilizando imgAreaSelect. Todo me funciona correctamente, excepto por una cuestión que no consigo resolver. La primera vez que entro a la pantalla donde se recorta la imagen, el area de selección (la cual es fija a 600x600 y quiero que se muestre en el mismo momento de entrar) no se muestra, a pesar de tener el parámetro show a true. Al dar a F5 en el navegador para que actualice la página, entonces sí me pinta el área de selección. El código, que lo tengo al final del código, justo antes del cierre del body, es el siguiente (he probado a cambar el "document.ready", por "(window).on('load',", ('#mi_imagen').load y otras, siempre con idéntico resultado)
Estoy tratando de mostrar una pantalla en mi web a través de la cual el usuario puede recortar una imagen, utilizando imgAreaSelect. Todo me funciona correctamente, excepto por una cuestión que no consigo resolver. La primera vez que entro a la pantalla donde se recorta la imagen, el area de selección (la cual es fija a 600x600 y quiero que se muestre en el mismo momento de entrar) no se muestra, a pesar de tener el parámetro show a true. Al dar a F5 en el navegador para que actualice la página, entonces sí me pinta el área de selección. El código, que lo tengo al final del código, justo antes del cierre del body, es el siguiente (he probado a cambar el "document.ready", por "(window).on('load',", ('#mi_imagen').load y otras, siempre con idéntico resultado)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<script>
var x1 = 0, y1 = 0, x2 = 0, y2 = 0, anchura = 0, altura = 0;
$(document).ready(function (){
$('#mi_imagen').imgAreaSelect({
fadeSpeed: 300,
maxHeight: 600,
maxWidth: 600,
minHeight: 600,
minWidth: 600,
width: 600,
height: 600,
show: true,
x1: <?php echo($x1)?>,
y1: <?php echo($y1)?>,
x2: <?php echo($x2)?>,
y2: <?php echo($y2)?>,
resizable: false,
onSelectEnd: function(img, sel){
x1 = sel.x1;
y1 = sel.y1;
x2 = sel.x2;
y2 = sel.y2;
anchura = sel.width;
altura = sel.height;
}});
});
...
Valora esta pregunta
0