Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Rotazione immagine

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    381

    Rotazione immagine

    Con JavaScript è possibile far ruotare un'immagine attorno al proprio asse verticale? Come la @ rossa, in basso a sinistra, di questo sito . In quel caso era stata usata un GIF animata, io vorrei farlo con JavaScript.

    Grazie e ciao .

    Kshaiarsa
    Goditi la vita, è gratis.

  2. #2
    Utente di HTML.it L'avatar di Francis87
    Registrato dal
    Jun 2003
    Messaggi
    5,970

    Re: Rotazione immagine

    Originariamente inviato da kshaiarsa
    Con JavaScript è possibile far ruotare un'immagine attorno al proprio asse verticale? Come la @ rossa, in basso a sinistra, di questo sito . In quel caso era stata usata un GIF animata, io vorrei farlo con JavaScript.

    Grazie e ciao .

    Kshaiarsa
    farla ruotare in quel modo (è 3d) nn si riesce...
    Heaven's closed. Hell sold out.

    Linux 2.6.26-2-amd64
    Debian squeeze

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



    Prova questo



    <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns="urn:schemas-microsoft-comfficeffice" xmlns="http://www.w3.org/TR/REC-html40">

    <SCRIPT LANGUAGE='Javascript'>
    <!--
    var long = 5;
    var top = 0;
    function spin(){
    long+=1;
    if(long>360){
    long=1;}
    myshape.extrusion.rotationangle=(top+","+long);
    setTimeout('spin()',20);
    }
    function spin_up(){
    top+=1;
    if(top>360){
    top=1;}
    myshape.extrusion.rotationangle=(top+","+long);
    setTimeout('spin_up()',20);
    }
    onload=spin
    // -->
    </SCRIPT>
    <!--[if !mso]>
    <style>
    v\:* { behavior: url(#default#VML) }
    o\:* { behavior: url(#default#VML) }
    .shape { behavior: url(#default#VML) }
    </style>
    <![endif]--><!--[if gte mso 9]>
    <xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
    </xml><![endif]-->


    <div align="center"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="31%" height="102">
    <tr><td width="100%" height="102">
    <p align="center"><!--[if gte vml 1]><v:shapetype id="_x0000_t136"
    coordsize="21600,21600" o:spt="136" adj="10800" path="m@7,l@8,m@5,21600l@6,21600e">
    <v:formulas>
    <v:f eqn="sum #0 0 10800"/>
    <v:f eqn="prod #0 2 1"/>
    <v:f eqn="sum 21600 0 @1"/>
    <v:f eqn="sum 0 0 @2"/>
    <v:f eqn="sum 21600 0 @3"/>
    <v:f eqn="if @0 @3 0"/>
    <v:f eqn="if @0 21600 @1"/>
    <v:f eqn="if @0 0 @2"/>
    <v:f eqn="if @0 @4 21600"/>
    <v:f eqn="mid @5 @6"/>
    <v:f eqn="mid @8 @5"/>
    <v:f eqn="mid @7 @8"/>
    <v:f eqn="mid @6 @7"/>
    <v:f eqn="sum @6 0 @5"/>
    </v:formulas>
    <vath textpathok="t" o:connecttype="custom" o:connectlocs="@9,0;@10,10800;@11,21600;@12,10800"
    o:connectangles="270,180,90,0"/>
    <v:textpath on="t" fitshape="t"/>
    <v:handles>
    <v:h position="#0,bottomRight" xrange="6629,14971"/>
    </v:handles>
    <o:lock v:ext="edit" text="t" shapetype="t"/>
    </v:shapetype><v:shape id="myshape" o:spid="_x0000_s1025" type="#_x0000_t136"
    alt="VML" style='width:160.5pt;height:31.5pt' fillcolor="#03d4a8"
    strokecolor="#9cf" strokeweight="1.5pt">
    <v:fill color2="#005cbf" rotate="t" colors="0 #03d4a8;.25 #21d6e0;.75 #0087e6;1 #005cbf"
    method="none" focus="100%" type="gradient"/>
    <v:shadow color="#900"/>
    <o:extrusion v:ext="view" backdepth="10pt" on="t" rotationangle="5"
    lightposition="-50000,50000" lightposition2="50000" type="perspective"/>
    <v:textpath style='font-family:"Impact";v-text-kern:t' trim="t" fitpath="t" string="@"/>
    </v:shape><![endif]--></tr>
    </table></DIV>




    Massimo

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    381

    Grazie

    Massimo, grazie .

    Io però volevo fare ruotare un'immagine qualsiasi, non tanto la @ che c'era in quel sito. Cioè vorrei fare ruotare un'immagine qualsiasi (JPEG o GIF) attorno al proprio asse verticale , come faceva la chiocciola di quel sito.

    E' possibile con JavaScript :master: ?

    Grazie e saluti .

    Kshaiarsa
    Goditi la vita, è gratis.

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.