personnage animé suivant le curseur

par akisame Sam 8 Mai 2010 - 7:29

Bonjour a tous,

Mon probléme d'aujourd'hui est que l'aimerais avoir un petit personnage qui suis le curseur de ma souris ! J'ai bien reussi avec une image imobile mais dés que je remplace le javascript de celui-ci par l'animé sa veux rien savoir reflexion

Pour vous décrire un peu pas manip je tape

<script src=http://pmsc.free.fr/J02/1026213348.js /></script>

Dans "Description du site" pour l'image immobile cela marche a merveille.

mais lorsque je le remplace par:

<script src=http://pmsc.free.fr/J03/105860411.js /></script>

La il ne veux plus rien savoir alors j'ai essayer au cas ou:

<SCRIPT language="JavaScript" src="http://pmsc.free.fr/J03/105860411.js">
</SCRIPT>

mais rien non plus Sad

alors en tout dernier espoir dans la feuille de style CSS j'ai essayer

<html>
<head>
<title>miu</title>
<SCRIPT language="JavaScript" src="http://pmsc.free.fr/J03/105860411.js">
</SCRIPT>
</head>
<body onload="init()" >

<SPAN ID="shu1" STYLE="position:absolute;top:0;left:0;width:5;height:5;" >
<IMG name="chara" width="70" height="70" border="0">
</SPAN>

<table border="0" cellpadding="0" cellspacing="5">

mais sa me dis

Votre CSS a bien été mis à jour.
Remarque :
Les balises html génèrent des erreurs dans les feuilles de style.
Une correction vient donc d'être effectuée afin de supprimer les balises html que vous avez placées dans la feuille de style.

le probleme viens surement du fait que se sois en html mais je connais pas un brin de CSS, donc j'espere que vous pourrez m'aider

PS: le dernier script marche bien dans une page html Assomé

par missx Sam 8 Mai 2010 - 8:51

salut
tes 2 js sont complétement different, le script avec les images fixes fonctionne bien, donc tu ne change que les liens d'images ( 2 images et pas 9)
tu devrai avoir ça dans ton js :

Code:: var x = 0; var y = 0; if (document.getElementById) { if(navigator.appName.substring(0,3) == "Net") document.captureEvents(Event.MOUSEMOVE); document.onmousemove = Pos_Souris; window.onload = Bouge_Image; } function Pos_Souris(e) { x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft; y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop; } posX = 0; posY = 0; anim = true; oldpos = "http://img7.hostingpics.net/pics/527540fl.gif"; function Bouge_Image() { if (document.getElementById && anim) { posX = posX+(((x-posX)+20)/15); posY = posY+(((y-posY)+20)/15); if(posX<x) newpos='http://img7.hostingpics.net/pics/490811fr.gif'; else newpos='http://img7.hostingpics.net/pics/527540fl.gif'; if(newpos!=oldpos) { document.tete.src=newpos; oldpos=newpos; } document.getElementById("teteronde").style.top = posY+"px"; document.getElementById("teteronde").style.left = posX+"px"; tempo = setTimeout("Bouge_Image()", 15) } } if(document.getElementById) { document.write('<div id="teteronde" style="position: absolute">'); document.write('<a href="#" onClick="anim=false;document.getElementById(\'teteronde\').style.visibility = \'hidden\';return(false)">'); document.write('<img src="http://img7.hostingpics.net/pics/490811fr.gif" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />'); document.write('</a>'); document.write('</div>'); }

A+

par akisame Sam 8 Mai 2010 - 9:10

merci beaucoup pour cette réponse et effectivement avec ceci cela fonctionne cheers

Par contre juste pour l'information je ne comprend pas se qui clochais dans mon script car je dois l'avouer il avais l'avantage de couvrir tout les "angles" que pouvais prendre le personnage.

Pour donner un exemple j'essaye d'imiter se site:
http://www.m-bros.net/~wazadepa/index.html
(deuxieme onglets du menu tout a gauche ^^)

par missx Sam 8 Mai 2010 - 11:50

oui j'ai testé aussi mais ça ne marche pas sur les forums , pourquoi ? ce sont les mystères des scripts.
Il y a pas mal de scripts qui fonctionnent bien sur page html mais qui ne veulent rien savoir sur les forums.
A+

par akisame Sam 8 Mai 2010 - 11:52

ok en tout cas merci beaucoup !!

par Ea Mar 11 Mai 2010 - 18:40

personnage animé suivant le curseur Proces11

Bonjour,

Où en est votre problème ? Est il résolu ?
_____________________

Si vous n'avez pas eu de solutions, relancer régulièrement votre sujet (toutes les 24 heures au minimum).
Et pensez à expliquer votre problème règulièrement, à chercher par vous même et montrez que vous cherchez de votre côté et pas que vous attendez simplement d'une réponse.

_____________________

Lorsqu'un sujet est résolu :

Cliquez sur le bouton de votre premier message du sujet.

Cochez en dessous de la zone de message

Enfin validez avec le bouton

Pour remercier ceux qui vous ont aidés vous pouvez cliquer sur

A bientôt sur ForumActif