Javascript scrolling

Fermé
boy75 - 19 août 2009 à 12:38
M@dien Messages postés 437 Date d'inscription mercredi 29 juillet 2009 Statut Membre Dernière intervention 23 septembre 2010 - 20 août 2009 à 09:01
Bonjour,

Je suis a la recherche de ce effet de déplacement scrolling
http://www.alimage.com/retouche-photo/mode/#

3 réponses

M@dien Messages postés 437 Date d'inscription mercredi 29 juillet 2009 Statut Membre Dernière intervention 23 septembre 2010 74
19 août 2009 à 14:26
Bonjour,

Un scrolling horizontal???

Facile:
<!-- Code HTML -->
<div id="conteneur"><div>Mon contenu, en ligne... (suite d'images, ...)</div></div>

/* Code css */
#conteneur {
width:400px; /* il faut fixer la taille du div */
orverflow-x:auto; /* Traduction: si ça dépasse à l'horizontal, alors on affiche une barre de défilement. */}
#conteneur div{
width:800px; /* juste pour tester, il ne faudra pas fixer sa largeur, et laisser le soin au contenu de le faire */}

0
Ca marche pas :s
0
M@dien Messages postés 437 Date d'inscription mercredi 29 juillet 2009 Statut Membre Dernière intervention 23 septembre 2010 74
20 août 2009 à 09:01
Ca m'apprendra à pas tester mes codes XD

J'ai fait une boulette j'ai écrit orverflow au lieu de overflow.

le css qui marche (et testé cette fois-ci):
#conteneur {
border:1px solid #000;
width:400px; /* il faut fixer la taille du div */
overflow-x:auto; /* Traduction: si ça dépasse à l'horizontal, alors on affiche une barre de défilement. */}
#conteneur div{
background:lightgrey;
width:800px; /* juste pour tester, il ne faudra pas fixer sa largeur, et laisser le soin au contenu de le faire */}
0