Fonction de lecture Horizontale

Bonjour cher Forum!

J'aimerai à partir de ces deux fonctions :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

function scrollmrq(){ if ( parseInt(mrq.style.top) > -h_mrq ) mrq.style.top = parseInt(mrq.style.top)-pas+"px" else mrq.style.top=parseInt(h_fen)+"px" }   function init_mrq(){ mrq=document.getElementById("marquee"); fen=document.getElementById("fenetre"); fen.onmouseover=function(){stoc=pas;pas=0}; fen.onmouseout=function(){pas=stoc};fen.style.height=h_fen; h_mrq=mrq.offsetHeight; with(mrq.style){position="absolute";top=h_fen;}   //Vitesse de défilement des images setInterval("scrollmrq()",40); }

---

générer un affichage horizontal. Malheureusement je ne maîtrise pas encore le javascript, et après une matinée perdue en recherche, je me suis décider à faire appel à vous en espérant un peu d'aide...

Pourriez-vous m'aider? Je vous en remercie!

Bonne journée,

cordialement,

un jeune débutant,

Code:

---

top=h_fen;

---

=> left ?

Bonjour,

si vous pensez que je dois remplacer

Code:

---

top=h_fen

---

par

Code:

---

top=left

---

cela ne marche point!


Petite information suplémentaire, je tiens ce bout de code d'un module sur prestashop que vous trouverez à cette adresse : http://www.prestashop.com/forums/top...lement-dimage/

Non je ne le pense pas j'en suis certain ...

top indique une modification de la position verticale ...

ce n'est qu'une piste ... il faut bien entendu modifier tout ce qui concerne la position verticale en position horizontale ...

et chopper la largeur de la fenêtre au lieu de la hauteur ...

Code:

---

1 2 3 4 5 6 7 8

function scrollmrq(){ if ( parseInt(mrq.style.top) > -h_mrq ) mrq.style.top = parseInt(mrq.style.top)-pas+"px" else mrq.style.top=parseInt(h_fen)+"px" }

---

etc ...

voilà tu n'as plus qu'a te mettre au travail ...

Merci de votre réponse je vais essayer!

Bonjour,

après avoir effectuer quelque essai mon module commence à ressembler a ce que je veux, cependant je bloque sur un autre point...
J'aimerai que mes images défilent en boucles, sans aucun blanc, ni de ralentissement. Malheureusement je ne sais pas quel commande je dois modifier voici mon code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

//Pas de défilement: 0 var pas=1 //Hauteur du bloc Partenaires var h_fen="130px"   function scrollmrq(){ if ( parseInt(mrq.style.left) > -h_mrq ) mrq.style.left = parseInt(mrq.style.left)-pas+"px" else mrq.style.left=parseInt(h_fen)+"px" }   function init_mrq(){ mrq=document.getElementById("marquee"); fen=document.getElementById("fenetre"); fen.onmouseover=function(){stoc=pas;pas=0}; // survol de la souris STOP fen.onmouseout=function(){pas=stoc};fen.style.height=h_fen; h_mrq=mrq.offsetHeight; with(mrq.style){position="absolute";left=h_fen;}   //Vitesse de défilement des images setInterval("scrollmrq()",10); } window.onload=init_mrq

---

et voici le CSS:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

#fenetre{ border: 1px solid #C8C8C8; position:relative; overflow:hidden; width:930px; /*Taille bloque image*/ margin:auto; } #marquee{ padding:5px; border: 1px solid red; width:3000px; }

---

Je vous remercie et vous souhaite une bonne journée!