Bonjour, je cherche à réaliser un effet de div défilant verticalement pour afficher des actualités. J'ai donc trouvé un script qui me permet de faire ça, mais à chaque fois que j'affiche la page je sens mon pc qui tourne à fond, comme si le code utilisait bcp de ressources.
C'est pourquoi je souhaiterais avoir votre avis sur la façon dont je fais scroller mon contenu, si il y a mieux, plus optimisé, plus simple ...
1. Ma fonction est appelée au chargement de la page comme ceci :
<body onLoad="InitObjet('scroll_actu')">
2. Voici le code de la fonction :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
| var bas_de_page=220; // Position en bas de fenetre
var Hauteur=250; //Hauteur du div
var pos_x=0; //Position du div (horizontal)
var pos_y=0; //Position du div (vertical)
var MonObjet;
function GetObject(ID) {
if (document.getElementById) {
return document.getElementById(ID);
}
if (document.layers) {
return eval('document.'+ID);
}
if (document.all) {
return eval('document.all.'+ID);
}
}
function InitObjet(ID) { //Initialisation du DIV
MonObjet = GetObject(ID);
MoveTo(MonObjet, pos_x, bas_de_page);
scroll();
}
function MoveTo(MyObject, x, y) { // Déplacement du DIV
if (document.getElementById||document.all) {
MyObject.style.left = x + "px";
MyObject.style.top = y + "px";
return;
}
if (document.layers) MyObject.moveTo(x, y);
}
function scroll() { // Défilement du DIV
if (pos_y > (-1 * Hauteur)) { //Teste si le DIV est complètement sorti
pos_y--;
MoveTo(MonObjet, pos_x, pos_y)
}
else {
pos_y=bas_de_page;
MoveTo(MonObjet, pos_x, pos_y)
}
var timer = setTimeout('scroll();',20);
} |
Merci d'avance.
Partager