Rotation des éléments d'un page web

Soyez le premier à donner votre avis sur cette source.

Snippet vu 12 331 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.

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

Ajouter un commentaire

Commentaires

lakichemole
Messages postés
253
Date d'inscription
vendredi 13 juin 2003
Statut
Membre
Dernière intervention
18 mai 2009

J'ai plutot envie de vomir ^^
cs_ILlumiNE
Messages postés
2
Date d'inscription
jeudi 1 novembre 2007
Statut
Membre
Dernière intervention
17 décembre 2008

Hey jooraX tu as fais une bien belle page, BRAVO!!! ca donne un bon effêt.
jooraX
Messages postés
13
Date d'inscription
vendredi 12 mai 2006
Statut
Membre
Dernière intervention
16 décembre 2008

tiens c'est bien marrant!

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>
____________________________________
yoyo17560
Messages postés
31
Date d'inscription
dimanche 21 septembre 2008
Statut
Membre
Dernière intervention
3 novembre 2008

A Illumine >> Tu es sur que tu as lut la conclusion ? ^^, je dis clairement que ce n'est pas moi qui a fait cette source et que je l'ai vue sur un site "Deutsch" et que je l'ai poster ici même.
Voilà, c'est tout.

a+
cs_ILlumiNE
Messages postés
2
Date d'inscription
jeudi 1 novembre 2007
Statut
Membre
Dernière intervention
17 décembre 2008

Salut yoyo17560! Je ne veux pas insulter ton intelligence, mais c'es-tu vraiment toi qui a écrit le script, j'en doute, j'en ai un semblable qui date de 3 ans.j'lappel le serpent. tien le voici... javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.8;y3=.24; x4=30; y4=200; x5=30; 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*x1+i*x2+x3)*x4+x5;DIS.top=Math.cos(R* y1+i*y2+y3 )*y4+y5}R++}setInterval('A()',5); void(0);

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.