Rotar imagen con php

gatobailarin · #1 (**permalink**) 15/09/2012, 13:51

Hola comunidad

Como les va! Tengo un pequeño problema, necesito rotar una imagen en una página web de php pero con un link. Hasta ahora he encontrado solamente rotarla al momento de refrescar la página. He estado intentando refrescarla con una variable global en php que dependiendo del valor cambie hacia un lado u otro, pero no he conseguido nada. Alguien puede ayudarme con esto, o me puede dar un ejemplo de como hacerlo con php y html???

Gracias!

Les anexo lo que llevo de código:

Lo que llevo hasta ahorita

Código PHP:

Ver original<?php
// The file you are rotating
$image = 'myfile.jpg';
 
//How many degrees you wish to rotate
$degrees = 90;
 
// Create the canvas
$source = imagecreatefromjpeg($image) ;
 
// Rotates the image
$rotate = imagerotate($source, $degrees, 0) ;
 
// Outputs a jpg image, you could change this to gif or png if needed
imagejpeg($rotate, $image) ;
?>

Lo que quisiera hacer

Código HTML:

Ver original<?php
    global $lado;
    echo $lado;
/*  $degrees = 90;
    $imagen = 'myfile.jpg';
    $source = imagecreatefromjpeg($imagen) ;
    $rotate = imagerotate($source, $degrees, 0) ;
    imagejpeg($rotate, $imagen) ;*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<p><a href="rotar2.php" 
<?php $lado='right'; ?>
> Rotar </a></p>
<p>&nbsp;</p>
<img src="myfile.jpg">
</body>
</html>

cuasatar · #2 (**permalink**) 15/09/2012, 19:46

Pues si el código te funciona pero refrescando la pagina usa ajax para lograr el mismo efecto sin refrescarla.

gatobailarin · #3 (**permalink**) 16/09/2012, 23:13

cuasatar, puedes darme un ejemplo de eso??? Lo necesito urgentemente. Pero que se pueda hacer con un link!!

cuasatar · #4 (**permalink**) 17/09/2012, 06:16

Un ejemplo concreto no te puedo dar porque cada ejemplo es diferente pero en términos generales toca cambiar algunas cosas a tu código. Dando por sentado que sabes javascript las comento.

Código HTML:

<a href="#" value="right" onclick"RotarImagen(this.value)"> Rotar </a>

Y en la petición ajax yo pasaria por GET la variable que tu llamas $lado right entonces en vez de pasarla por php lo haces con javascript. Suponiendo que la función se llamara rotar2.php

Código HTML:

xmlhttp.open("GET","rotar2.php?rotar="+lado,true);

Como supongo que no sabes ajax te dejo este manual muy util. Con que le pegues una leida podras perfectamente adaptar tu código segun tu necesidad. Leelo, entiendelo y cuando ya entiendas la logica mira un ejemplo que ellos colocan de ajax para php y con lo que te indique podras adaptar facilmente tu código.

http://www.w3schools.com/ajax/default.asp

Espero y te sirva de ayuda.

p.s. Si te llama la atención puedes reemplazar el enlace por un botón y de esta manera incluso podrias programar botones para girar a la izquierda y a la derecha. Eso ya es una sugerencia y dependera de lo que necesites.