je ne connais pas du tout javascript donc si quelqu'un pouvait me donner un exemple de page et m'expliquer simplement comment faire pour qu'une image se déplace toute seule et aléatoirement (dans un cadre défini) sur une page web ca serait sympa.
j'aimerais savoir la même chose pour qu'un texte se déplace horizontalement d'un point A a un un point B, puis le faire revenir de B vers A et ainsi de suite..
Bah comme ça t'as les 2 : - faire: grâce à EJS c'est livré à l'heure ^^ - apprendre : en analysant le script
Sérieux, comme tu ne connais pas du tout js ça va être difficile de t'acheminer du début jusqu'à ton objectif, par le biais d'un forum. Aussi tu devrais commencer par un peu de théorie. Si t'es dev tu comprend bien que pour comprendre un langage, on commence par "hello world"
J'ai fait une petite fonction qui fait exactement ça. Deplacement d'un bloc (div) de gauche à droite, puis de droite à gauche en bloucle.
C'est perfectible mais ça te donnera une idée du principe (création d'un timer, ajout de la position à chaque mise à jour du timer).
La partie javascript :
Code:
<script type="text/javascript"> <!-- var delai = 25; /* vitesse d'execution du timer en millisecondes */ var originex = 50; /* position d'origine */ var limitex = 500; /* position maximale */ var offsetx = 5; /* déplacement sur l'axe en pixels pour chaque execution du timer */ var posx = originex; /* on démarre au point d'origine */
function move() { clearTimeout(timerDeplace); /* si le timer existe, on l'arrête */ document.getElementById('bougemoi').style.left = posx + "px"; posx += offsetx; if(posx > limitex) { /* si on dépasse la valeur de limitex... */ offsetx = Math.abs(offsetx) - offsetx*2; /* on inverse la valeur de l'offset */ } else if (posx < originex) { /* si on dépasse la valeur d'origine... */ offsetx = Math.abs(offsetx); /* on inverse la valeur de l'offset */ } var timerDeplace = setTimeout('move()',delai); /* lancement du timer */ }
/* Au chargement de la page on lance une fonction custom (run) qui execute les différents scripts qu'on utilise dans la page */ window.onload = function run() { move(); } //--> </script>
Le bloc à déplacer doit avoir des propriétés CSS, exemple :