personnage animé suivant le curseur

3 participants

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

Résolu personnage animé suivant le curseur

Message 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 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 2010 - 18:57, édité 1 fois
avatar

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 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+
missx

missx
Membre actif

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

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

Résolu Re: personnage animé suivant le curseur

Message 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 ^^)
avatar

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 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+
missx

missx
Membre actif

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

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

Résolu Re: personnage animé suivant le curseur

Message par akisame Sam 8 Mai 2010 - 11:52

ok en tout cas merci beaucoup !!
avatar

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 Mar 11 Mai 2010 - 18:40

personnage animé suivant le curseur Proces11Bonjour,

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 personnage animé suivant le curseur Editer15 de votre premier message du sujet.

  • Cochez personnage animé suivant le curseur Resolu2 en dessous de la zone de message

      personnage animé suivant le curseur 15-11-15

  • Enfin validez avec le bouton personnage animé suivant le curseur Envoi10



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

A bientôt sur ForumActif
Smile
Ea

Ea
Aidactif
Aidactif

Messages : 23583
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

- Sujets similaires

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