Discussion :

[visto94]

Bonjour cher Forum!

J'aimerai à partir de ces deux fonctions :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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,

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

top=h_fen;

=> left ?

[visto94]

Bonjour,

si vous pensez que je dois remplacer

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

top=h_fen

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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/

[SpaceFrog]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ...

[visto94]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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!