Bonjour, j'ai un problème pour attribuer une valeur de début et une valeur de fin à une image qui suit les déplacements du curseur. Elle dépasse les limites de la page à gauche et n'atteint pas la limite de droite. Je voudrais qu'elle commence 250px après la limite de gauche et qu'elle finisse à la fin de ma page. Pouvez-vous m'aider?
Voici le code:
<body>
<div class="rubriques" onmouseover="survol();" onmouseout="stopsurvol();">
<img class= "img" src="images/ressources/curseur.jpg" title="curseur" alt="curseur" class="pointeur" id="curseur" style="position:absolute;display:block;z-index:5;"/></div>
</body>
CSS:
.rubriques {
position: absolute;
top: 0px;
left: -200px;
width:1200px;
height:26px;
background-image:url('images/ressources/linecurseur.jpg');
background-repeat:no-repeat;
}
.pointeur {
margin-left: 10px;
margin-right:10px;
}
JS:
document.onmousemove = function(e) {
if (!e) {
var e = window.event;
}
var mX = parseInt(e.pageX ? e.pageX : e.clientX, 10);
var mY = parseInt(e.pageY ? e.pageY : e.clientY, 10);
if (document) {
mX += document.documentElement.scrollLeft;
mY += document.documentElement.scrollTop;
}
mX = Math.min(Math.max(0, mX), 1000);
document.getElementById("curseur").style.left = mX + 'px';
}
Merci de m'aider.
Eduardo Carrasco Rahal