Hi,

Thank you for this module, I am going to find it really useful.

I have created a Block View displaying 3 or 4 items (just images 100px wide), and used the carousel to change the images to the next 3 or 4 images....

Problem:

The image's starting point is not at the right place (please see attachment, I've drawn a red border over the parts where I am referring to)

Part of the image is cut off at the beginning.

Debugging:
I found in the HTML output the markup for the ul is something like ul class="ui-carousel-slide" style="width: 1430px; left: -440px"

If I change the left value to 460px live in the browser it fixes it, so i attempted to give the ul.ui-carousel-slide a left value of 460px in my CSS file (with !important so it could take preference), visually it fixes it but it stops working.

I also tried to go into the UI Carousel view settings and I've tried setting the start value to 0, 1, and 2 and nothing changes.

Please Help,
Thank You

CommentFileSizeAuthor
carousel.jpg165.89 KBitrain

Comments

itrain’s picture

itrain commented

After playing around with margins and padding I have fixed the issue. I gave the li item a margin left of -20px, and put in about 15px padding to the left and right of each li and it works...

Thanks anyway...

dobe’s picture

dobe commented

It seems that the jquery does not take into account the size of the "prev" button. What I did....

in jquery.ui.carousel.js (note that these are changes made to the default js if your using mini. You will need to make the changes there as well...)
Added these around line 167

// Store the visible size for the prev button.
this.navSize = vert ? this.nav.prev.outerHeight(true) : this.nav.prev.outerWidth(true);

Replaced (around line 260)

{ left: -(to * this.liSize) } :

With

{ left: -(to * this.liSize + this.navSize) } :

Replaced (around line 280)

this.slide.css(this.animCss, -((p + this.offset) * this.liSize) + "px");

With

this.slide.css(this.animCss, -((p + this.offset) * this.liSize + this.navSize) + "px");

**

neclimdul’s picture

neclimdul
He/Him
commented
Issue summary: View changes
Status: Active » Closed (won't fix)