I have node carousel set to fetch three items.

On slide #1, items 1 & 2 are shown. On slide #2, item 3 is show, on slide #3, nothing is shown.

This happend if I fetch 10 items, too. The first slide will show items 1 & 2, the tenth slide will be blank.

Comments

Steve Dondley’s picture

Steve Dondley commented

When I change from horizontal to vertical scroll, the problem goes away.

jcfiala’s picture

jcfiala commented

Something like this usually means that the css of the nodecarousel is slightly off - a nodecarousel sometimes needs special theming to get it working properly.

What you need to make sure if is that the jcarousel-clip and the li items are the same width - it tries to do this on it's own when you tell it to show only one item, but sometimes the math is off a bit, or something else is overriding the style.

Steve Dondley’s picture

Steve Dondley commented

Well, after lots of trial and error, it turns out assigning a font-size to the

li.jcarousel-item-horizontal {
font-size: 12px;
}

class fixed it. Bizarre.

I knew it was a css issue but this is just weird.

For clarification, I was scrolling node titles.

Steve Dondley’s picture

Steve Dondley commented

It gets more bizarre. When I set it to 15px, the problem comes back. Only setting it larger or smaller than 15px fixes the problem.

Steve Dondley’s picture

Steve Dondley commented

OK, setting the li to have a margin of 0px fixed it without having to mess with the font size. I recommend putting that change into the css.

Steve Dondley’s picture

Steve Dondley commented
Status: Active » Closed (fixed)