j Position de départ personnalisée de Carousel

Question

Je dois définir une position de départ personnalisée pour la liste jCousousel. J'ai 4 diapositives visibles à l'intérieur d'un carrousel, mais je n'ai besoin que de deux d'entre elles entièrement visibles au milieu du carrousel et la moitié d'une autre du côté gauche et la moitié d'une autre du côté droit.

How it looks now

How it should be

documentation officielle qCarousel dit que pour définir la position de départ par CSS je devrais utiliser:

.jcarousel ul { 
    left: -150px; 
} 

Mais il s'overrided par script Jcarousel qui a fixé la position: laissé à 0 à nouveau.

Et par la méthode des événements, je ne peux que choisir une diapositive à partir de, comme la première diapositive ou seconde.

Comment dois-je résoudre ce problème?

Answer 1

Essayez

.jcarousel ul { 
    left: -150px !important; 
} 

Ou

Enroulez le carrousel dans un récipient avec overflow:hidden et ajuster le carrousel à l'intérieur pour obtenir votre positionnement correct.