personnage animé suivant le curseur

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu personnage animé suivant le curseur

Message par akisame le Sam 8 Mai - 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 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 ok

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


Dernière édition par akisame le Mar 11 Mai - 18:57, édité 1 fois

akisame
Nouveau membre

Messages : 5
Inscrit(e) le : 08/05/2010

http://friends-list.forumactif.com
akisame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnage animé suivant le curseur

Message par missx le Sam 8 Mai - 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+

missx
+ Hyperactif +

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

http://google.fr
missx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnage animé suivant le curseur

Message par akisame le Sam 8 Mai - 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 ^^)

akisame
Nouveau membre

Messages : 5
Inscrit(e) le : 08/05/2010

http://friends-list.forumactif.com
akisame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnage animé suivant le curseur

Message par missx le Sam 8 Mai - 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+

missx
+ Hyperactif +

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

http://google.fr
missx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnage animé suivant le curseur

Message par akisame le Sam 8 Mai - 11:52

ok en tout cas merci beaucoup !!

akisame
Nouveau membre

Messages : 5
Inscrit(e) le : 08/05/2010

http://friends-list.forumactif.com
akisame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnage animé suivant le curseur

Message par Ea le Mar 11 Mai - 18:40

Bonjour,

Où en est votre problème ? Est il résolu 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 merci

A bientôt sur ForumActif
Smile

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum