Newsgroup: it.comp.lang.javascript
Titolo: Immagini rotanti!!!

Vi chiedo una sola cosa:
si possono ruotare in JavaScript e più in generale in HTML le immagini
caricate per mezzo del tag IMG di un dato angolo?
Oppure per creare questo effetto devo ricorrere necessariamente ad un
applet?
Grazie e ciao









Questo è un esempio di JavaScript
con immagini che ruotano,
funziona solo 
con IE!!!! 



Grazie!
Sei grande come al solito!!!
Senti, dato che ci sto ti scoccio ancora, dove posso trovare una
documentazione riguardante i comandi da te utilizzati per ottenere
quell'effetto?
Grazie!

 quell'effetto?
.. sul sito del NG. appena torna Darius...
oppure nel sito microsoft, ma non
ti so dire esattamente dove, hanno cambiato
tutti i riferimenti che avevo!!
:(
--
----
Bye
Ro<*¿*>berto

Hanno cambiato i riferimenti come al solito, eh?
Che ci vuoi fare...capita!
Grazie comunque.
Farò tesoro delle informazioni che mi hai dato.

 coscienziosamente scrisse su questo ng:
Ciao, spero di aver capito il tuo problema, io 3 anni fa feci una cosa
del genere per ruotare banner pubblicitari, vedi se ti puň essere
utile:
<html>
<head>
<meta http-equiv="refresh" content="60;"> // il tempo di reload della
pagina in secondi
<script language="javascript">
<!--
var x=15 // il numero di immagini che si vogliono usare parte da 0
var numero=random()
function random() {
     today = new Date();
     num = today.getTime();
     num = Math.round(Math.abs(Math.sin (num)*1000000)) % x;
     return num;
  }
//-->
   </script>
<title></title>
</head>
<body bgcolor="#FFFFFF" text="#FF7373" link="#FF7373" vlink="#FF7373">
<script language="javascript">
<!--
document.writeln("<center><a href=spons" + numero + ".htm
target='_parent'>");
document.writeln("<img src=images/spons" + numero + ".gif alt='Banner
Random Auto-Loaded' valign='top'></a></center>");
//-->
</script>
</body>
</html>
in questo caso le immagini si dovranno chiamare spons1.gif spons2.gif
etc etc
Questo ovviamente nel caso tu usi una pagina con frames.
Spero di esserti stato utile... 
ciao
@<----Vi chiedo una sola cosa:
@<----si possono ruotare in JavaScript e piů in generale in HTML le immagini
@<----caricate per mezzo del tag IMG di un dato angolo?
@<----Oppure per creare questo effetto devo ricorrere necessariamente ad un
@<----applet?
@<----Grazie e ciao
      I dati negli Header sono modificati
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
- per rispondere togli NOSPAM dell'indirizzo   *
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

...




<META HTTP-EQUIV="Content-Type" 
    CONTENT="text/html;charset=iso-8859-1">
<!DOCTYPE HTML 
    PUBLIC "-//W3C//DTD HTML 4.0 
    Transitional//EN">
<HTML><HEAD><TITLE>DirectAnimation 
    JScript sample</TITLE>
<META content="text/html; 
    charset=iso-8859-1" http-equiv=Content-Type>
<META 
    content="MSHTML 5.00.2314.1000" 
    name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY>
<DIV 
    id=controlDiv>
<OBJECT 
    classid=CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D id=DAControl 
    
style="HEIGHT: 100%; LEFT: 0px; POSITION: absolute; TOP: 0px; 
    WIDTH: 100%"><PARAM NAME="OpaqueForHitDetect" 
    VALUE="1"><PARAM NAME="UpdateInterval" 
    VALUE="0.033"></OBJECT>
<OBJECT 
    classid=CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D id=DAControlT 
    
style="HEIGHT: 100%; LEFT: 0px; POSITION: absolute; TOP: 0px; 
    WIDTH: 100%"><PARAM NAME="OpaqueForHitDetect" 
    VALUE="1"><PARAM NAME="UpdateInterval" 
    VALUE="0.033"></OBJECT></DIV>
<SCRIPT 
    language=JScript>
<!--
m = 
    DAControl.MeterLibrary;    
numGeos = 5;
speed = 
    m.Div(m.LocalTime, m.DANumber(2.5));
hue = 
    m.Abs(m.Sin(m.Div(speed,m.DANumber(2)))); 
offX = 
    m.Mul(m.DANumber(.04),m.Sin(speed));
offY = 
    m.Mul(m.DANumber(.04),m.Sin(speed));
rotX = m.Mul(speed, 
    m.DANumber(2));
rotY = m.Mul(speed, m.DANumber(2));
rotZ = 
    m.Mul(speed, m.DANumber(2));


Il 
    codice l'ho trovato, ma ancora non capisco come si infila in un newsgroup o 
    in email?


 


Sarei 
    curioso di saperlo!!    


BY



...


<META HTTP-EQUIV="Content-Type" 
CONTENT="text/html;charset=iso-8859-1">
<!DOCTYPE HTML PUBLIC 
"-//W3C//DTD HTML 4.0 
Transitional//EN">
<HTML><HEAD><TITLE>DirectAnimation 
JScript sample</TITLE>
<META content="text/html; 
charset=iso-8859-1" http-equiv=Content-Type>
<META 
content="MSHTML 5.00.2314.1000" 
name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY>
<DIV 
id=controlDiv>
<OBJECT 
classid=CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D id=DAControl 

style="HEIGHT: 100%; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 
100%"><PARAM NAME="OpaqueForHitDetect" 
VALUE="1"><PARAM NAME="UpdateInterval" 
VALUE="0.033"></OBJECT>
<OBJECT 
classid=CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D id=DAControlT 

style="HEIGHT: 100%; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 
100%"><PARAM NAME="OpaqueForHitDetect" 
VALUE="1"><PARAM NAME="UpdateInterval" 
VALUE="0.033"></OBJECT></DIV>
<SCRIPT 
language=JScript>
<!--
m = DAControl.MeterLibrary;    

numGeos = 5;
speed = m.Div(m.LocalTime, m.DANumber(2.5));
hue = 
m.Abs(m.Sin(m.Div(speed,m.DANumber(2)))); 
offX = 
m.Mul(m.DANumber(.04),m.Sin(speed));
offY = 
m.Mul(m.DANumber(.04),m.Sin(speed));
rotX = m.Mul(speed, 
m.DANumber(2));
rotY = m.Mul(speed, m.DANumber(2));
rotZ = m.Mul(speed, 
m.DANumber(2));
lrotX = m.Mul(m.DANumber(.02),speed);
lrotY = 
m.Mul(m.DANumber(.02),speed);
lrotZ = m.Mul(m.DANumber(.02),speed);
scale 
= m.DANumber(1);
//Create an animated color
half = m.DANumber(0.5);
clr 
= m.colorHslAnim(hue, half, half);
xfID = m.IdentityTransform2;  

xfsc = m.Scale2UniformAnim(scale);
xflr = 
m.Compose3(m.Compose3(m.Rotate3Anim(m.xVector3,lrotX),
m.Rotate3Anim(m.yVector3,lrotY) 
), 
m.Rotate3Anim(m.zVector3,lrotZ) ).ParallelTransform2();
xflt = 
m.Translate2Anim(offX, offY);
xfwt = 
m.Compose3(m.Compose3(m.Rotate3Anim(m.xVector3,rotX), 

m.Rotate3Anim(m.yVector3,rotY) ),
m.Rotate3Anim(m.zVector3,rotZ) 
).ParallelTransform2();
xf = m.Compose2(xfwt, m.Compose2(xflt, m.Compose2( 
xflr, xfsc ) ) );
rect = 
m.RectAnim(m.DANumber(.015),m.DANumber(.015));
recImg = 
m.SolidColorImage(clr).Clip(m.FillMatte(rect));
finalImg = 
m.EmptyImage;
for(i=0; i<numGeos; i++)  {
wait = 
xfID.Duration(i*.3);
newImg = 
recImg.Transform(m.Sequence(wait,xf));
finalImg = 
m.Overlay(newImg,finalImg);
}
// Assign the animation back to the control 
and start it
// DAControl.Image = finalImg;
mt = 
DAControlT.PixelLibrary;
//Create an animated color
half = 
mt.DANumber(0.5);
clr = mt.colorHslAnim(
mt.Mul(m.LocalTime, 
mt.DANumber(0.345)),
half, half);
//Contstruct a 12pt font and a text 
image
font = mt.Font("Arial", 22, clr);
txtImg = 
mt.StringImage("Se ho capito...)", font);
//Move the text image 
across the page
pos = mt.Mul(mt.Sin(m.LocalTime), mt.DANumber(0.02));
scl 
= mt.Add(mt.DANumber(2), mt.Abs(mt.Mul(m.Sin(m.LocalTime), 

mt.DANumber(3))));
xf = mt.Compose2(mt.Translate2Anim(mt.DANumber(0), 
pos),
mt.Scale2UniformAnim(scl))   
;                    

txtImg = txtImg.Transform(xf);
//Assign the animation back to the control 
and start it
DAControlT.Image = txtImg; 
DAControl.Image = 
finalImg;
DAControlT.Start();
DAControl.Start();
//-->
</SCRIPT>
Questo 
è un esempio di JavaScript<BR>con immagini che 
ruotano,<BR>funziona solo 
con IE!!!!  se non ho capito 
male!!</BODY></HTML>



DirectAnimation JScript sampleA settembre il the man the mitos Darius
Creatore delle Zuper E-Mail
terrà un corso (del costo di pochi milioni!) per insegnarci a tutti!!!!!!
Affrettati ad iscriverti in 
javas...@probo.it
 i posti sono quasi esauriti.
:))
... oppure lo trovi sul sito
www.probo.it/javascript/
... appena riesco a farlo decente !!
