Hey,

Op de volgende site gebruik ik de jQuery jCarousel om de foto's links te scrollen.

[link verwijderd]

Nu wil ik eigenlijk 2 foto's naast elkaar, zodat er telkens 4 tegelijk te zien zijn.

Dit is me wel gelukt door in skin.css het volgende te veranderen

VAN

PHP Code:

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  205px;/* breedte afbeelding-holder*/
} 


NAAR

PHP Code:

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  450px;/* breedte afbeelding-holder*/
} 


Maar het probleem is dat ik dan nog 2 keer door kan scrollen zonder dat er foto's te zien zijn.
Dit komt natuurlijk omdat er in de lijst 8 foto's staan.

Weet iemand hoe ik dit kan oplossen?

De carrousel neemt maar 1 '<li>' tags per keer, je hebt 2 manieren om dit aan te passen (denk ik :p)

1) Je plaatst 2 plaatjes binnen 1 <li> tag en speelt wat met de CSS zodat ze goed getoond worden
2) Je zorgt dat de carousself 4 items per keer laat zien en je zorgt met de CSS dat de <li> items achter elkaar geplaatst worden.. in een vak van 250*400 kun je dan 4x een <li> plaatsen van 120*195 of iets dergelijks kunnen plaatsen met 5px spacing ertussen.

Althans, dat lijken mij 2 opties die mogelijk moeten kunnen zijn.

Nee kijk hier even:

http://sorgalla.com/projects/jcarousel/#Configuration

en dan even spelen met de eigenschappen size, scroll en visible.

Origineel gepost door Peter W.

Nee kijk hier even:

http://sorgalla.com/projects/jcarousel/#Configuration

en dan even spelen met de eigenschappen size, scroll en visible.

Die 'size' property deed 't hem inderdaad :) super bedankt!