Image qui suit la souris
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Image qui suit la souris
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:
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
Re: Image qui suit la souris
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
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
Re: Image qui suit la souris
Ok, dans la description du forum.
euh tout ce code Oo mais ça rentrera jamais!
euh tout ce code Oo mais ça rentrera jamais!
Re: Image qui suit la souris
Bonjour,
Essaies sinon d'ajouter le code javascript aux pages javascripts de ton forum (panneau d'administration > modules > pages javascript).
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>');
}
Oyo- ****
-
Messages : 251
Inscrit(e) le : 24/12/2005
Re: Image qui suit la souris
C'est a dire uniquement? Je dois ajouter qq chose?
EDIT: ça marche, merci!
EDIT: ça marche, merci!
Sujets similaires
» texte qui suit la souris
» Tableau défilant qui suit la souris
» image réactive : modification de l'image au passage de la souris
» Redimensionner une image à la souris
» Image Reactive au survol de la souris
» Tableau défilant qui suit la souris
» image réactive : modification de l'image au passage de la souris
» Redimensionner une image à la souris
» Image Reactive au survol de la souris
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum