2008-12-13 14 views
11

jQuery-rotate प्लगइन का उपयोग करके आप छवि को कैसे घुमाते हैं?jquery rotate प्लगइन का उपयोग कर छवि कैसे घुमाएं?

मैं निम्नलिखित की कोशिश की है और यह काम नहीं लगता है: कि अधिकांश ब्राउज़र द्वारा समर्थित हैं भी चाहता था कर रहे हैं

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

अन्य तरीकों, धन्यवाद!

उत्तर

24

आपके पास jQuery और jQuery प्लगइन पर 404 है। इसके कारण, आपका पृष्ठ जावास्क्रिप्ट त्रुटि फेंक रहा है, कि $ परिभाषित नहीं किया गया है।

आपको मूल जावास्क्रिप्ट डीबगिंग तकनीकों को सीखने की आवश्यकता है।

7

छवि घूर्णन के लिए आपका तर्क सही है: एक त्वरित खोज इस लेख कि एक अच्छी जगह की तरह दिखता है आप शुरू करने के लिए मिल गया। दस्तावेज तैयार होने पर निष्पादित होने पर यह काम करेगा।

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

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

jvan की प्रतिक्रिया पर विस्तार से बता दें: क्योंकि वेबपेज डोम अभी तक तैयार संशोधित करने की नहीं है कारण यह document.ready में डाल दिया है (या 'को देखा' आपके जावास्क्रिप्ट द्वारा)। तैयार कार्यक्रम पर अधिक जानकारी यहां दी गई है: http://docs.jquery.com/Tutorials:Introducing_$ (दस्तावेज़) .ready() –

+2

n.b. मैं सिर्फ पैडेंटिक हूं, लेकिन मैंने देखा कि टॉम XHMTL डॉक्ट टाइप का उपयोग नहीं कर रहा है, //

2

एक बार जब आप अपने jquery को हल करते हैं तो समस्याएं शामिल होती हैं, तो आप अपनी स्क्रिप्ट को ठीक कर सकते हैं। आपका वाक्य रचना गलत है: यहाँ ठीक है:

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

 संबंधित मुद्दे

  • कोई संबंधित समस्या नहीं^_^