Rotar Imagenes Javascript

Mikelanllelo #1 Dic '10

Buenos días.

Quisiera implementar un código en javascript para rotar imagenes, es decir, que al pulsar sobre una imagen, esta rotara 90º, y si vuelves a pulsar, otros 90º.

Lo he intentado de muchas maneras, lo más que me he acercado, es con un plugin de Jquery llamado jqueryrotate/i

Incluyo la librería, llamo a la función, y la primera vez que pulso sobre la imagen, rota perfectamente, pero si vuelvo a pulsar, el código javascript ya no reconoce el elemento html de la imagen.

Leo en algún foro yanky que no soy el primero al que le pasa y alguien contesta que si que rota, lo que pasa es que rota de nuevo desde 0º, no desde los 90º ya rotados.

Pienso...vale, le pregunto al código javascript si ya ha rotado la imagen, y si lo ha hecho, que rote 180º en vez de 90º, pero nada...que no reconoce el elemento img del html...

¿Alguien ha hecho algo parecido?
¿Alguna solución? :wtf:

NeB1 #2 Dic '10

Emmm, una cosa, para realizar la rotación utilizas el evento onClick??

mira a ver si es que el plugin elimina el contenido html y lo vuelve a crear, si es así los eventos que tenía 'bindeados' se pierden.

Si esto fuera el error, en lugar de hacer onclick=function haz lo siguiente:

<script>
   $(document).ready(function(){
       $("#idImagenARotar").live('click',function(event){
            $(this).funcionParaRotarla();
       });
   });
</script>

1 respuesta

E

EPRP #3 Feb '11

Esto te puede servir.

http://vagabundia.blogspot.com/2010/07/rotaciones-libres-en-cualquier.html

2 respuestas

NeB1 #4 Feb '11

#3 interesante, no sabía que IE tenía un filtro específico para esto...

Mikelanllelo #5 Feb '11

Me pongo con ello y os digo si me pirula, a ver.

Gracias a #2 y a #3

Rotar Imagenes Javascript

Usuarios habituales

Tags