Problem with image alignment in jCarousel
| Project: | jCarousel |
| Version: | 6.x-1.0 |
| Component: | Code |
| Category: | support request |
| Priority: | normal |
| Assigned: | elally |
| Status: | closed |
Jump to:
Hi,
I'm using jCarousel in a block to display images that are output from the Views module. The view references the current node and checks a nodereference field pointing to 'related images' for the node. Each of the nodereferences links to a custom content type containing a CCK Imagefield. I've set the View to present images as Lightbox2 links (they're thumbs linked to larger images, with sized generated by ImageCache). The jCarousel call was created by theming the view.
The problem I'm having is that the images in the jCarousel appear to be shifted to the right, almost as if there was an extra spacer before the first image. When a user scrolls to the right, the images continue to be offset.
I have taken the HTML from the final, generated page, and added that back into the Body field for the node. If I do that, the images display fine, so it appears to be some relation between the jCarousel, the View and perhaps the view being displayed in a block.
I have posted a page showing both good and bad jCarousels -- the good carousel is shown first.
Any thoughts on how to troubleshoot or (hopefully) fix this?

#1
Problem solved -- needed to modify my CSS to remove padding introduced by the block element.