Views Carousel shows only one image.

Yeah, i have the same problem. Dit it similiar to the video-podcast of bob, just created it as a page instead of a block, without autoscrolling and no limitation of the showed elements. Dont whats wrong. Maybe someone who solved the same problem?

Take a look at the html. Is all of your stuff there? If it's in the html than the display is a matter of theming the carousel to display them.

Same thing here.

I think it is because I am just displaying one node, with one imagefield that contains multiple images.

I have the same problem. When looking into html, the images are there, but they are not shown as a separate list item. I think this is the reason why Views Carousel does not recognise them. My html looks something like this (simplified):

<li>
  <div>
    <img src="image1.jpg"/>
  </div>
  <div>
    <img src="image2.jpg"/>
  </div>
</li>

instead of:

<li>
  <div>
    <img src="image1.jpg"/>
  </div>
</li>

<li>
  <div>
    <img src="image2.jpg"/>
  </div>
</li>

any ideas what to do?

Mine only show one image.

http://thatscookedby.com/new/node/3

Ah, if I check " group multiple values" and then "show x values after 0", then they display overlapping.

For me, unchecking "group multiple values" solved the problem.
You should be able to prevent images from overlapping by using ImageCache and a bit of CSS.

I have the same problem - doesn't shows the last image item
I checked "group multiple values", but after that my views block show vertically and there's a carousel for each of my views item.
2dorien - "show x values after 0" - where is it? I can't see that field
How can I solve it?

@dark_kz:
What happens if you uncheck "group multiple values"?
In the meantime, I have edited my comment in #7, because I wrongfully wrote that Checking (instead of unchecking) the option solved the problem for me.
Perhaps your last image does not get displayed, because the number set in "Items to display" is too low?

2extect:
Items to display is unlimited (0). When I uncheck it, I can't see last image. It is there (I see it with FireBug), but doesn't display - like it's on the background

@dark_kz
Sounds like a CSS issue. Views Carousel by default expects the images/thumbnails to be exactly 75x75px. Try using images of that size. If that works without any problems, then you just have to adjust your CSS settings to allow bigger images.

Hi, I am displaying three views carousel blocks (with Panels). No matter in which order i put them, always the first and the third work properly, but in the second one i see only one picture.. Any ideas how to solve it?

ok found the answer :) it was a css issue, css from other view made the pictures go vertical (not horizontal), so only one picture was seen..

I have this same issue of views carousel displaying the images in vertical divs, therefore making the buttons not work (since it thinks there is only one item?). I am pulling multiple images attached to a single node. I have 'grouping' unchecked, and I'm not sure what CSS issue apilasiewicz was referring to. How do I fix this to get the multiple images to display correctly as a li item, not separate divs? Thank you for any help you can offer.

I have a related problem. Maybe someone has some ideas:

I have nodes with multiple images. When the view argument is a single node nid, carousel works just fine. I have set the "items to display" view setting to "unlimited".

The problem is with another view, where I am selecting what nodes to show by taxonomy term (i.e the argument is taxonomy term, and the sort order puts the one I want on top). I can't find a way to limit to just one node without also limiting display to a single image. Changing the "items to display" changes the number of images, not the number of nodes.

UPDATE on #17

After trying many, many things and consulting lots of good people on #drupal, I've only found one way to get views to send the right images to views carousel, and it REQUIRES selecting "group multiple values" for the image field. As noted above, this causes views carousel to overlap the images instead of displaying them sequentially.

So, please consider this a support request for handling images in "group multiple values".

I'm willing to do the work on this, but I don't understand where this is actually getting themed. It seems to be getting done by views rather than views carousel or jcarousel modules. I'm not sure where to look, but if someone can point me in the right direction I'll see what I can do.

EDIT: I was able to make this work, with a horrible hack. If anyone knows the correct way to do this, please post.

What I did was create a file for my theme called views-view-field--viewname.tpl.php (where "viewname" is the name of my view.)
I then hacked $output to find where the line items needed to be and used some preg_replace calls to close off all the "span"s, "div"s, "li"s and open new ones. I'm not posting the code because this is the wrong way to do it, but it worked for my situation and perhaps this will help someone else.

I have the feeling that there are multiple problems here with a similar symptom...

I also see only one image because the images are displayed vertically. I don't think it is a CSS problem since the html does not seem to be correct. All my images are within a single

OK! I get it now!

I had confused the "group multiple values" field configuration option with the "grouping fields" option.

To be explicit:
*You must *uncheck* the standard views option: view->fields->content:YourImageField->group multiple values
*Do not confuse this with the Views Carousel plugin option: views->basic settings->style->grouping field

By there way, there is another similar module worth a look called Scrollable Views:
http://drupal.org/project/scrollable

At the moment they seem very similar. I will take a bit of a look...

Asides from having to hack the code for this I ran into a different issue with the jcarousel module not always loading and running the javascript. I'm going to move to Views Slideshow next time, as it seems to be more stable. Note that it also has this particular problem of not working when you MUST set group multiple values for the image.

I think this may be related to the height of the .jcarousel-item-vertical being set in the javascript via element.style (style tag). That has higher precedence than the css. You have to add !important after defining the .jcarousel-item-vertical height. The JS will always override the height if not. Using !important worked for me. (example: height: 120px !important;) Good Luck!