Image qui suit la souris

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

Résolu Image qui suit la souris

Message par Nomanoclass le Sam 3 Déc 2011 - 15:47

Bonjours, suite a une recherche sur internet et sur les forums de forums actif, je n'ai pas trouvé où placer mon code qui vient de: http://www.editeurjavascript.com/scripts/scripts_images_1_66.php
Je voulais faire une image qui regarde et qui suit ma souris sur mes pages sujet forum, partout en gros sauf sur la page d'accueil.
Le lien de mon forum est dans mon profil au cas ou.
Si vous voulez d'autre détail, demandez moi. J'adore votre rapidité de réponse continuez comme ça!
Merci de votre aide.

Le code modifié avec mes images:
Code:
<!-- DEBUT DU SCRIPT -->
<script type="text/javascript">
/*
Image qui suit et regarde la souris
http://www.editeurjavascript.com/scripts/scripts_images_1_66.php

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
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://img16.imageshack.us/img16/8338/endermang.png";

function Bouge_Image()
  {
  if (document.getElementById && anim)
      {
      posX = posX+(((x-posX)+20)/15);
      posY = posY+(((y-posY)+20)/15);
      if(posX<x)
        newpos='http://img822.imageshack.us/img822/526/endermand.png';
      else
        newpos='http://img16.imageshack.us/img16/8338/endermang.png';
     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://img822.imageshack.us/img822/526/endermand.png" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');
  document.write('</a>');
  document.write('</div>');
  }
</script>
<!-- FIN DU SCRIPT --><noscript><a href="http://www.editeurjavascript.com/mycircle/">echange de lien</a></noscript>


Dernière édition par Nomanoclass le Dim 4 Déc 2011 - 13:11, édité 1 fois

Nomanoclass
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 22/11/2011

http://nanocraft.forumgratuit.org/
Nomanoclass a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui suit la souris

Message par Ayumea le Sam 3 Déc 2011 - 15:58

Bonjour,

Si j'ai bien compris, vous ne savez pas ou mettre le code ?
Essayez de le mettre dans la Description du site (P.A-> Général ->Forum-> Configuration) ou bien sinon c'est dans le CSS .

Cordialement, Ayumea

Ayumea
Nouveau membre

Messages : 14
Inscrit(e) le : 03/12/2011

http://wonderland-of-art.azurforum.com/
Ayumea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui suit la souris

Message par Nomanoclass le Sam 3 Déc 2011 - 16:39

Ok, dans la description du forum.
euh tout ce code Oo mais ça rentrera jamais!

Nomanoclass
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 22/11/2011

http://nanocraft.forumgratuit.org/
Nomanoclass a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui suit la souris

Message par Oyo le Sam 3 Déc 2011 - 21:23

Bonjour,

Essaies sinon d'ajouter le code javascript aux pages javascripts de ton forum (panneau d'administration > modules > pages javascript).

Code:
/*
Image qui suit et regarde la souris
http://www.editeurjavascript.com/scripts/scripts_images_1_66.php
 
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
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://img16.imageshack.us/img16/8338/endermang.png";
 
function Bouge_Image()
  {
  if (document.getElementById && anim)
      {
      posX = posX+(((x-posX)+20)/15);
      posY = posY+(((y-posY)+20)/15);
      if(posX<x)
        newpos='http://img822.imageshack.us/img822/526/endermand.png';
      else
        newpos='http://img16.imageshack.us/img16/8338/endermang.png';
    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://img822.imageshack.us/img822/526/endermand.png" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');
  document.write('</a>');
  document.write('</div>');
  }
Il s'agit ici uniquement de son code JS.

Oyo
****

Masculin
Messages : 248
Inscrit(e) le : 24/12/2005

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

Résolu Re: Image qui suit la souris

Message par Nomanoclass le Sam 3 Déc 2011 - 23:18

C'est a dire uniquement? Je dois ajouter qq chose?

EDIT: ça marche, merci!

Nomanoclass
Nouveau membre

Masculin
Messages : 11
Inscrit(e) le : 22/11/2011

http://nanocraft.forumgratuit.org/
Nomanoclass 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