Défilement d'images horizontales

Marsh Posté le 13-10-2007 à 17:52:52

J'aimerai faire une barre de défilement horizontale un peu comme il y a sur ce site(elle est à droite ici).

En ce qui me concerne, je n'ai pas besoin qu'elle se cache ou autre.

Quelqu'un sait comment faire ça ? Le plus simple possible.

Reply

Marsh Posté le 13-10-2007 à 17:52:52

Reply

Marsh Posté le 13-10-2007 à 19:58:25

ctrl + u et tu regardes le code....

JS + HTML et op

Reply

Marsh Posté le 13-10-2007 à 23:12:50

Ce que j'ai fais, mais le code js est un peu compliqué pour moi, il y a plein de fonctions et de fichiers js mais je ne les comprends pas

Reply

Marsh Posté le 14-10-2007 à 22:25:16

Des conseils ou des idées ?

Reply

Marsh Posté le 14-10-2007 à 23:27:14

Ben tu crées un DIV en position "absolute" et avec des coordonnées au dehors de l'écran, genre par exemple pour un bandeau de 100 pixels de large :

Code :

<style>
div#menuGauche {
position: absolute;
top: 0px;
right: -100px;
width: 100px;
height: 100%;
overflow: auto;
}
</style>

Tu définies un element qui lance l'anim, un truc comme ca

Code :

<script>
var go = document.getElementById ('idDeLelement');
go.addEventListener ('click', fonctionQuiLanceLanim, false);
</script>

Bien sûr il faut qqpart définir la fonction en queston :

Code :

<script>
var fonctionQuiLanceLanim = function ()
{
this._anim = function ()
{
bandeau.style.right = position + "px";
position--;
if (position < 0)
return 0;
clearInterval (timer);
return 0;
}
var bandeau = document.getElementById ('menuGauche');
var position = -100;
var timer = setInterval (fonctionQuiLanceLanim._anim, 25);
return 0;
}
</script>

voilà, c à améliorer mais c la base du truc je pense

Message édité par SICKofitALL le 14-10-2007 à 23:27:41

---------------
We deserve everything that's coming...

Reply

Marsh Posté le 15-10-2007 à 19:04:36

Merci beaucoup pour ça, je vais étudier ça et mettre tout ça en oeuvre, ça me parait plus clair que beaucoup de scripts très longs que j'avais trouvé.
encore merci.

Reply

Défilement d'images horizontales

Sujets relatifs:

Leave a Replay