Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    542

    rotazione immagine intorno al suo asse

    Ciao a tutti,
    in rete ho trovato questo link che fa ruotare un'immagine intorno al suo asse.

    questo è il link dell'esempio che ovviamente in rete funziona (non con IE):

    http://jsfiddle.net/jKYkT/


    ho costruito la pagina copiando il codice html e javascript come nell'esempio ma non vuole saperne di eseguire javascript, non risponde al click sui pulsanti

    (lasciamo stare IE perchè anche l'esempio in rete non funziona con questo browser)

    di seguito il codice della pagina, la libreria jquery se la scarica dalla rete

    qualcuno può gentilmente dirmi dov'è l'errore?

    Codice PHP:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <
    html>
      <
    head>
      <
    meta http-equiv="content-type" content="text/html; charset=windows-1250">
      <
    meta name="generator" content="PSPad editor, [url]www.pspad.com[/url]">
      <
    title></title>

        <
    script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>


        <script type="text/javascript"> 
            newangle = 0;
            
            $('input').click(function() {
                if ($(this).attr('class') == "minus")
                    operation = "-";
                else
                    operation = "+";
                
                alert(operation);
                var angle = next(operation);
                $("#image").rotate(angle);
            });
            
            function next(oper) {
               if (oper == "+")
                  newangle += 90;
                else
                  newangle -= 90;
                
               if (newangle >= 360) newangle = 0;
                
                return newangle;
            
            }


        </script>
     

        <style type="text/css"> 
            #image{
              margin:100px 100px;
            }
        </style>
     

      </head>

      <body>

            [img]https://www.google.com/images/srpr/logo3w.png[/img]
            
            <input type="button" value="+ angle" class="plus" /> 
            <input type="button" value="- angle" class="minus" /> 

            


                [url="http://jsfiddle.net/jKYkT/"]Link dell'esempio funzionante trovato in rete[/url]
            </p>

      </body>
    </html> 

    Grazie 1000,
    spero vivamente nell'aiuto di qualche esperto
    Guidino

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    manca jquery, quello che includi e' solo il plugin

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    542
    ciao grazie.
    ho incluso la lib jquery.js e modificato il codice ma ancora non funziona
    mi dici dove sbaglio?

    Codice PHP:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <
    html>
      <
    head>
      <
    meta http-equiv="content-type" content="text/html; charset=windows-1250">
      <
    meta name="generator" content="PSPad editor, [url]www.pspad.com[/url]">
      <
    title></title>

        <
    script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
        <script type="text/javascript" src="jquery.js"></script>
        


        <script type="text/javascript"> 

          newangle = 0;
          jQuery(document).ready(function($) {
        
                
                $('input').click(function() {
                    if ($(this).attr('class') == "minus")
                        operation = "-";
                    else
                        operation = "+";
                    
                    alert(operation);
                    var angle = next(operation);
                    $("#image").rotate(angle);
                });
            });
            
            function next(oper) {
               if (oper == "+")
                  newangle += 90;
                else
                  newangle -= 90;
                
               if (newangle >= 360) newangle = 0;
                
                return newangle;
            
            }


        </script>
     

        <style type="text/css"> 
            #image{
              margin:100px 100px;
            }
        </style>
     

      </head>

      <body>

            [img]https://www.google.com/images/srpr/logo3w.png[/img]
            
            <input type="button" value="+ angle" class="plus" /> 
            <input type="button" value="- angle" class="minus" /> 

            


                [url="http://jsfiddle.net/jKYkT/"]Link dell'esempio funzionante trovato in rete[/url]
            </p>

      </body>
    </html> 
    Guidino

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    La libreria va prima del plugin
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    542
    Qualcuno mi sa dire dove sbaglio?

    Grazie
    Guidino

  6. #6
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    542
    non avevo visto la risposta
    ho provato a mettere libreria jqery prima del plug ma non va lo stesso
    Guidino

  7. #7
    Utente di HTML.it
    Registrato dal
    Apr 2000
    Messaggi
    938
    Ciao,

    il plugin dopo body

    jquery in head

    codice:
    <body>
    <script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
    


    Massimo.

  8. #8
    Utente di HTML.it
    Registrato dal
    Jan 2007
    Messaggi
    542
    grazie,
    con jquery-1.7.2.min.js funziona anche con il codice di prima

    grazie e tutti
    Guidino

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.