| Salut atila!
Voici le script à coller entre les tags <body> et </body> de ta page.
<script language="JavaScript"><!--
B=document.all;
C=document.layers;
T1=new Array("etoile4.gif",8,8,"etoile4.gif",8,8,"etoile4.gif",8,8,"etoile3.gif",12,12,"etoile3.gif",12,12,"etoile3.gif",12,12,"etoile2.gif",16,16,"etoile2.gif",16,16,"etoile2.gif",16,16,"etoile1.gif",20,20,"etoile1.gif",20,20)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}
function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle(){
//if (IE5)
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
// -->
</script>
Désolé, c'est un peu long...
Mais qui ne tente rien n'a rien!^^
Ps : Si tu n'as pas IE(Internet Explorer), la manip ne marchera pas.
Tiens-moi au courant...
A+ Répondre à urtziel | Bonsoir urtziel,
Merci pour ta réponse, je viens d'essayer le code, il fonctionne mais à la place des petites étoiles j'ai des carrés avec un petit carré blanc à l'intérieur.
est ce que tu peux me réparer ceci ?
Merci d'avance et encore merci pour ton code.
A +
Patricia. Répondre à atila03 |
| Salut atila!
Il s'agit sans doute d'une petite erreur de ta part lors de la retransmission du code.
Si ce n'est pas le cas, je me mets tout de suite au travail pour essayer de résoudre ton problème...
A+ Répondre à urtziel | Bonsoir urtziel,
Je viens de recommencer mais ça ne marche toujours pas. J'ai toujours des petits carrés blanc à la place des étoiles, avec un point au milieu.
Je fabrique mon site avec publisher, je fais un Control C de ton script puis un Control V dans le fonction insertion d'un fragment de code HTLM.
Je suis désolée, je ne pense pas me tromper en collant ton script !...
Pourras tu essayer de voir ce qui pourrait ne pas gazer.
Merci d'avance Urtziel et bonne soirée.
Patricia. Répondre à atila03 | Ok...
Je vais essayer de te trouver ça avant ce soir.
...BESOIN DE VACANCES... Répondre à urtziel |
| Salut,
J'ai essayé ce code. Ne marche pas non plus, des carrés aussi.
Mais, si on regarde le code, il me semble qu'il fait appel à des gifs (les étoiles en question). Et donc, sans ces images sources, il ne peux pas y avoir d'étoiles, mais seulement des carrés qui remplacent les images manquantes !
Je ne suis pas un pro du code, mais il me semble que c'est l'explication.
Et comme je ne suis pas un pro... je n'ai pas de solution ! Désolé.
En tout cas, bon courage !
Deylac
*Il ne faut compter que sur soi-même et encore pas beaucoup* Répondre à deylac |
| Voici le script qui devrait marcher
<script language="JavaScript"><!--
B=document.all;
C=document.layers;
T1=new Array("etoile4.gif",8,8,"etoile4.gif",8,8,"etoile4.gif",8,8,"etoile3.gif",12,12,"etoile3.gif",12,12,"etoile3.gif",12,12,"etoile2.gif",16,16,"etoile2.gif",16,16,"etoile2.gif",16,16,"etoile1.gif",20,20,"etoile1.gif",20,20)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for (i=0;i<nos;i++){
createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
with (document){
write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
if(St){
if (C)
write(" style='");
write(St+";' ")
}
else write((B)?"'":"");
write((At)? At+">" : ">");
write((HT) ? HT : "");
if (!Op)
closeContainer(N)
}
}
function closeContainer(){
document.write((B)?"</div>":"</layer>")
}
function getXpos(N){
return (B) ? parseInt(B[N].style.left) : C[N].left
}
function getYpos(N){
return (B) ? parseInt(B[N].style.top) : C[N].top
}
function moveContainer(N,DX,DY){
c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
}
function cycle(){
//if (IE5)
if (document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for (i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
function newPos(e){
moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
// -->
/
</script>
A bientot
...BESOIN DE VACANCES... Répondre à urtziel | Je suis désolée je n'ai plus rien derrière la souris ni carrés ni étoiles !...
Tu crois que ça vient de moi ?
Patricia. Répondre à atila03 |
|
|
|
| 22 Princessemodel, le 19 nov 2009 à 22:16:20Bonjour Urtziel,
j'arrive très tard sur ce sujet mais je n'ai trouvé qu'ici en cherchant sur le net ...
donc, je cherche à faire des étoiles qui suivent le curseur de la souris sur mon site
j'ai inséré le code entr e body et body sur le code source de ma page d'accueil et ai enregistré 4 images d'étoiles dans le même fichier et en gif
résultat : les étoiles apparaissent telles que mes images enregistrées, elles sont côt à côte répétées 3 fois chacune sur le haut de ma page mais .... elles sont fixes !
pourrais-tu m'aider ?
merci d'avance
Princesse model Répondre à Princessemodel |
|