1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Rotation des éléments d'un page web

Rotation des éléments d'un page web

1/5 (26 avis)

Snippet vu 12 830 fois - Téléchargée 19 fois

Commenter

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
17 déc. 2008 à 08:58
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
17 déc. 2008 à 02:40
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
16 déc. 2008 à 23:35
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
23 oct. 2008 à 21:29
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
15 oct. 2008 à 23:27
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)
Afficher les 26 commentaires
S'inscrire maintenant

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.

Du même auteur (yoyo17560)