Làm thế nào để xoay hình ảnh bằng cách sử dụng jquery xoay plugin?

Làm cách nào để xoay hình ảnh bằng cách sử dụng plugin jQuery-rotate?Làm thế nào để xoay hình ảnh bằng cách sử dụng jquery xoay plugin?

Tôi đã thử những điều sau đây và nó dường như không làm việc:

phương pháp

<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>

khác được hỗ trợ bởi hầu hết các trình duyệt đều muốn quá, cảm ơn!

Nguồn

2008-12-13 Tom

Bạn có 404 trên jQuery và plugin jQuery. Do đó, trang của bạn đang ném một lỗi JavaScript, rằng $ không được xác định.

Bạn cần tìm hiểu các kỹ thuật gỡ lỗi JavaScript cơ bản. Một tìm kiếm nhanh chóng tìm thấy bài viết này trông giống như một nơi tốt để bạn có thể bắt đầu:

JavaScript Debugging Techniques with Firebug

Nguồn

2008-12-13 22:32:13 mqsoh

Logic của bạn về luân ảnh là đúng. Nó sẽ hoạt động nếu được thực thi khi tài liệu sẵn sàng.

<script type="text/javascript"> 
//<![CDATA[ 
    var angle = 1; 

    $(document).ready(function() { 
     setInterval(function() { 
      $("#pic").rotate(angle); 
      /* angle += 1; Increases the rotating speed */ 
     }, 100); 
    }); 
//]]> 
</script>

Nguồn

2009-11-10 20:30:10 jvan

Để giải thích câu trả lời của jvan: Lý do trang web DOM chưa sẵn sàng sửa đổi (hoặc 'xem' bởi javascript của bạn). Thông tin thêm về sự kiện sẵn sàng có tại đây: http://docs.jquery.com/Tutorials:Introducing_$ (tài liệu) .ready() –

n.b. Tôi chỉ là pedantic, nhưng tôi nhận thấy Tom không sử dụng các loại tài liệu XHMTL, //

Khi bạn khắc phục sự cố jquery, bạn có thể khắc phục tập lệnh. Cú pháp của bạn sai: Đây là bản sửa lỗi:

<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>

Nguồn

2010-08-01 01:02:33 Spencer

Làm thế nào để xoay hình ảnh bằng cách sử dụng jquery xoay plugin?

Trả lời

Các vấn đề liên quan