rotar - rotate image jquery
¿Cómo rotar la imagen usando jquery rotate plugin? (3)
¿Cómo se rota una imagen usando el plugin jQuery- rotate?
He intentado lo siguiente y parece que no funciona:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>View Photo</title>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery.rotate.1-1.js"></script>
<script type="text/javascript">
var angle = 0;
setInterval ( function (e) {
rotate();
}, 100 );
function rotate() {
angle = angle + 1;
$(''#pic'').rotate(angle);
}
</script>
</head>
<body>
<img border="0" src="player.gif" name="pic" id="pic">
</body>
</html>
También se necesitan otros métodos que son compatibles con la mayoría de los navegadores, ¡gracias!
Tu lógica para rotar la imagen es correcta. Funcionará si se ejecuta cuando el documento está listo.
<script type="text/javascript">
//<![CDATA[
var angle = 1;
$(document).ready(function() {
setInterval(function() {
$("#pic").rotate(angle);
/* angle += 1; Increases the rotating speed */
}, 100);
});
//]]>
</script>
Una vez que arregle su jquery incluya problemas, puede arreglar su script. Tu sintaxis es incorrecta: esta es la solución:
<script type="text/javascript">
//<![CDATA[
var angle = 1;
$(document).ready(function(angle) {
setInterval(function(angle) {
$("#pic").rotate(angle);
/* angle += 1; Increases the rotating speed */
}, 100);
});
//]]>
</script>
Tienes un 404 en jQuery y el plugin jQuery. Por eso, su página arroja un error de JavaScript, que $ no está definido.
Necesita aprender técnicas básicas de depuración de JavaScript. Una búsqueda rápida encontró este artículo que parece un buen lugar para comenzar: