gestion de la scrollbar

Version imprimable

Bonjour j'ai des images dans un div avec une scrollbar verticale pour parcourir mes images
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <div style="width:100px; height:60%; right:0; top:5px;background-color:white;z-index:2; position:absolute; overflow:scroll;"> <a href="#"><img src="test2.jpg" border=1></a><br /> <a href="#"><img src="test3.jpg" border=1></a><br /> <a href="#"><img src="test4.jpg" border=1></a><br /> <a href="#"><img src="test5.jpg" border=1></a><br /> <a href="#"><img src="test6.jpg" border=1></a><br /> <a href="#"><img src="test7.jpg" border=1></a><br /> <a href="#"><img src="test8.jpg" border=1></a><br />  </div>
Je cherche à faire une scrollbar qu'on pourra scroller autant de fois qu'il y'a d'images donc si j'ai 10 images par exemple il faudra que je ne puisse scroller que 10 fois pas plus ni moins de sorte que chaque scrolle permette de voir l'image qui se trouve à la position correspondante au nombre de scrolle effectué.
Merci

29/03/2010, 17h08
E.Bzz

Bonjour,

Citation:

Envoyé par sebac

Je cherche à faire une scrollbar qu'on pourra scroller autant de fois qu'il y'a d'images donc si j'ai 10 images par exemple il faudra que je ne puisse scroller que 10 fois pas plus ni moins de sorte que chaque scrolle permette de voir l'image qui se trouve à la position correspondante au nombre de scrolle effectué.

visiblement, il serait plus efficace (que de vouloir gérer un scrolling au px près sur tous les nav) de faire un div à une seule image, avec 2 boutons (+ et -) permettant de modifier le src de l'image affichée ...
Même si, pour des raisons esthétiques, tu souhaites déguiser ces 2 boutons en une barre de scroll ;)

A+
29/03/2010, 18h03
sebac

je pense que j'opterai aussi pour cette méthode mais je ne comprend pas ce que tu as voulu dire

Citation:

Même si, pour des raisons esthétiques, tu souhaites déguiser ces 2 boutons en une barre de scroll

est-ce à dire que mes boutons peuvent être déguisé en scrollbar?
29/03/2010, 18h18
E.Bzz

Citation:

Envoyé par sebac

je ne comprend pas ce que tu as voulu dire est-ce à dire que mes boutons peuvent être déguisé en scrollbar?

Tu voulais un div à scrollbar.
Comme la solution que je te propose aura une apparence différente, je souligne juste que si tu avais une contrainte "esthétique" à respecter pour ton interface, tu pourras quand même obtenir quasiment le même résultat (en apparence, donc).

A+
30/03/2010, 10h10
sebac

j'ai bien défini un div comme ceci

Code:

<div id='IdDivIm' style="position:absolute; overflow:scroll;overflow-x:hidden ;">

et ma scrollbar verticale apparait bien sauf que tant qu'il y'a pas de débordement dans mon div je ne peux pas scroller, or je veux scroller même sans débordement alors que dois-je mettre à la place du

Code:

overflow:scroll;
30/03/2010, 10h13
E.Bzz

8O

Ah !
Donc tu n'as pas vraiment compris ce que j'ai dit plus haut ? :aie:

Ou tu restes sur la solution de départ ? :koi:

A+
30/03/2010, 10h21
sebac

mon tuteur de stage me demande de rester sur la solution avec la scrollbar et d'après lui c'est réalisable
30/03/2010, 10h45
E.Bzz

Citation:

Envoyé par sebac

mon tuteur de stage me demande de rester sur la solution avec la scrollbar et d'après lui c'est réalisable

Bien sûr que c'est réalisable, je n'ai pas dit le contraire.
Juste qu'il y avait une solution plus simple à gérer et qui pouvait donner un résultat identique pour l'utilisateur.
Mais visiblement, il veut te faire bosser sur le positionnement :mrgreen:

Regarde du côté de scrollTo(). Il faudra tenir compte de la hauteur du div, de la hauteur de chaque image (donc attention au css en fonction des nav) et du nombre d'images ...

A+