Rotation des éléments d'un page web
Soyez le premier à donner votre avis sur cette source.
Snippet vu 12 415 fois - Téléchargée 17 fois
Contenu du snippet
Je sais que le titre n'est pas très approprier, car ce javascript reprend tous les éléments d'un page web (image et logo) pour les afficher en 360°. Si vous ne comprenez pas mon baratin, essayer directement le javascript en le collant dans l'URL du navigateur.
Ce javascript n'est pas de moi et un peu compliquer pour ma petite tête, je l'ai trouver sur site allemend et je souhaiter le partager avec la communauté codes-sources.
Source / Exemple :
Essayer directement le javascript en le collant dans l'url du navigateur directement sur le site codes-sources par exemple:
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName(%22img%22); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+%22px%22; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+%22px%22}R++}setInterval('A()',50); void(0);
Conclusion :
Ce javascript n'est pas de moi et un peu compliquer pour ma petite tête, je l'ai trouver sur site allemend et je souhaiter le partager avec la communauté codes-sources.
A voir également
- Rotation des éléments d'un page web
- Visualiser tous les elements d'une page web - Codes sources - Javascript (Divers)
- Récupérer elements d'une page web (exemple : daily 2 flv) - Codes sources - Visual Basic / VB.NET (Réseau & Internet)
- Naviguer dans une page WEB avec les elements interpretées ✓ - Forum - VB.NET
- Architecture d'une page web - Conseils pratiques - Javascript
- Integrer un editeur de texte dans une page web - Forum - PHP
Commentaires
Je l'ai intégré juste pour le fun sur la page :
http://all-crash.fr/
clic droit = mouvement
re clic droit = pause!
Pour se faire :
____________________________________
____________________________________
puis à la fin du body :
____________________________________
<script type="text/javascript">
var crazy = "off";
function crazyIMG(){
if (crazy=="off"){
cricri=setInterval('A()', 50);
void(0);
crazy="on";
return false;
}else{
clearInterval(cricri)
crazy = "off";
}
}
R = 0;
x1 = .1;
y1 = .05;
x2 = .25;
y2 = .24;
x3 = 1.6;
y3 = .24;
x4 = 300;
y4 = 200;
x5 = 300;
y5 = 200;
DI = document.getElementsByTagName( "img");
DIL = DI.length;
function A() {
for (i = 0; i - DIL; i++) {
DIS = DI[i].style;
DIS.position = 'absolute';
DIS.left = (Math.sin(R * x1 + i * x2 + x3) * x4 + x5) + "px";
DIS.top = (Math.cos(R * y1 + i * y2 + y3) * y4 + y5) + "px";
}
R++
}
</script>
____________________________________
Voilà, c'est tout.
a+
a oui j'oubliais mon TGV.. javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6;y3=.24; x4=300; y4=200; x5=300; y5=200;DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style;DIS.position='absolute'; DIS.left=(R* y1+i*y2+y3 )*y4+y5}R++}setInterval('A()',5); void(0);
bon b'en à la prochaine... sans rancune yoyo!!
((___))
[ x x ]
\ / cDc
(' ')
(U)
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.