Discussion :

[snaxisnake]

Bonjour,

J'essaie d'insérer un carousel (lecteur d'image) sur une page web.

J'ai pris le code de Prototype UI, mais ne maitrisant pas assez le JS, je n'arrive pas à redimenssionner le carousel.

En fait la il y a 5 éléments visibles sur la page, et les autres éléments en cliquant sur suivant.
Moi, je voudrais qu'il y en est que 2 éléments visibles et les autres en cliquant sur suivant.

J'ai essayé de changer des éléments comme "nbVisible", le "width" du carousel,... mais rien n'y fait.

En fait je voudrais que le lecteur ne prenne pas presque toute la page comme il est configuré par défaut, mais à peu près un tiers seulement.

Je ne sais pas si c'est clair

Merci!

[SpaceFrog]

C'est vraiment idiot ... je viens de mettre firefox à jour et malheureusement mon extension "boule de crystal" n'a pas encore été msi à jour pour cette nouvelle version ...
Je n'ai donc aucun moyen de voir ton code

[snaxisnake]

J'ai pas mis de code, car je ne sais pas quelle page modifiée... Ni quel paramètre

[SpaceFrog]

Je suppose que déja en voyant la page html contenant le carroussel ...

[snaxisnake]

Ah c'est bon ! j'ai réussi! Merci à toi SpaceFrog ! J'ai regardé plus attentivement le html qui introduit le carousel....

Le truc, c'est que moi je m'attendais à un width dans le css ou autre part... Mais nan, c'est une méthode par calcul...

Code :

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

1
2
3
4
5
6
7
 
function updateCarouselSize() {
		    var dim = document.viewport.getDimensions(); 
		    dim.width -= 20;                             
        $("horizontal_carousel").style.width = dim.width + "px";
        $$("#horizontal_carousel .container").first().style.width =  (dim.width -750) + "px";
      }