Hi, I'm using Drupal 6.13, Views Carousel 6 2.x and I've set up a Fields View with a Block Display which is of type Views carousel. I've put Items to display: 10 and when configuring the Style options I've set Start field to 1, the Offset field to 1 and the Scroll to 5.
These settings should display the 10 items in the carousel to display in 2 scrolls, 5 items in each scroll. But the view displays once five items and after pressing the next button it displays 4 more items, preserving 1 old and the last item is displayed when pressing the next item again and it is displayed partially. Тhe view's wrap settings is set to Both and when pressing the Prev button after reaching the first item the carousel goes to the nineth item instead of the tenth.
What's the problem ? Is it beacuse of css ? Or is it a bug in viewscarousel js?
Here you can see exactly what I mean when pressing the cars.
Any help is appreciated!

Comments

mmitov’s picture

mmitov CreditAttribution: mmitov commented

Here's the site:

http://www.venezia-auto.com

mfer’s picture

mfer CreditAttribution: mfer commented
Status: Active » Postponed (maintainer needs more info)

I took a look at the site and it's scrolling 5 more as expected. Are you still having this problem? If so, what browser/version on what operating system do you see it in?

mmitov’s picture

mmitov CreditAttribution: mmitov commented

Hi, thanks for the reply. I fixed it - just played with item width. It turned out that it was too big although mathematically it should have worked this way...

asak’s picture

asak CreditAttribution: asak commented

@orbifan - could you tip us as to how you got it going correctly? i understand it was an issue with widths - but my CSS guru is going crazy trying to fix this up nicely...

sbliss’s picture

sbliss CreditAttribution: sbliss commented

Also having a problem with widths. I have just 3 items, 250px wide each, and it advances 500px. I'm sure it's a CSS thing but it's making me nuts. If I knew what elements the Javascript is using to do the math I may be able to figure this out. Any thoughts?

intyms’s picture

intyms CreditAttribution: intyms commented

subscribing...
I have the same problem.

JordanMagnuson’s picture

JordanMagnuson CreditAttribution: JordanMagnuson commented

Subscribe

UNarmed’s picture

UNarmed CreditAttribution: UNarmed commented

Same problem here ... =/

szantog’s picture

szantog CreditAttribution: szantog commented
Status: Postponed (maintainer needs more info) » Needs review

The solution, sorry for my english:
you have 5 li item eg 50px width/item.
you need to set up a with to the container div of carousel. It has the class .jcarousel-container. The width must be 5*50px= 250px.

if you have 3 item with 250px width, the .jcarousel-container must be exactly 3*250= 750px width.

UNarmed’s picture

UNarmed CreditAttribution: UNarmed commented

Thanks i figured it out, just took a bit of maths =]

atxpunkrock’s picture

atxpunkrock CreditAttribution: atxpunkrock commented

I'm having the same issue here but the width resolution doesn't seem to work for me. I'm using a QuickTab box with two View carousels. One for pictures and one for videos.

The videos scroll without an issue (they're the first to load) and I'm using the same thumbnail sizes for both. I'm thinking it might be an issue using this setup with the Quicktabs.

I have my container at 525px and the li is set to 150px. I tried setting the container width to 450px but the issue remained. I should also note that I'm using custom pager icons. Any help would be greatly appreciated.