content disapears after a few minutes #294

Closed
valeryM opened this Issue Jan 13, 2012 · 10 comments

Projects

None yet

4 participants

@valeryM
valeryM commented Jan 13, 2012

In my example, http://pontpean.fr/test_jcarousel.html , the content almost completely disapears after a few minutes.

javascript to initialize the jcarousel :

$(function() {
$("#slider").jcarousel({size:6,scroll:1,visible:1,auto:5, wrap:'circular' }); });

@jsor
Owner
jsor commented Jan 13, 2012

This has probably to do with wrap:circular is very buggy in 0.2.x. This is fixed in the new (not yet released) version 0.3.

@Sammii
Sammii commented Feb 9, 2012

I am also having this issue when using a horizontal circular carousel. Our carousel shows 6 items at a time. After scrolling to the right through about 15-20 items, the ul seems to become too narrow and it is cutting off the right-hand li items. For some reason it seems fine when scrolling left though.

@jsor Would it be at all possible to maybe post a patch or a quick jQuery fix for this issue before the new version is released? It would be much appreciated!!

@jsor
Owner
jsor commented Feb 9, 2012

Circular wrapping is fundamentally broken. Thats why i completely rewrote jCarousel for 0.3.

@Sammii
Sammii commented Feb 9, 2012

@jsor I am having problems when I set the wrap to "Both" or "Last" as well on my fluid-width carousel. On the right-hand side, when it gets to the end, if I click the "Next" arrow, the ul shifts 3 pixels rather than jumping to the beginning of the list. If I press it again, then it jumps to the beginning. Again, this issue only occurs when navigating right - left is fine!

Is version 0.3 stable? Is it possible for me to beta test that version? If not, is there an ETA on the official release?

@jsor
Owner
jsor commented Feb 9, 2012

This is most probably because your clip width doesn't fit exactly the total witdth (+margins) of your visible items. What you're seeing is jCarousel scrolling the "tail" of your carousel. Increase the width of .jcarousel-clip a little bit and the effect should be gone.

@Sammii
Sammii commented Feb 9, 2012

@jsor First off, thank you so much for the timely help! I am working on deadline so I really appreciate the quick answers.

Hmm... well I am using a fluid carousel so the clip width is 100%. It sizes to the width of the window. Our entire layout is fluid so I can't really add a concrete width anywhere. I haven't set any borders/margins/padding on the li elements either, only on jcar-inner-wrapper, so I don't think that would effect it? (I just tried scrapping the borders on the inner-wrapper anyway but it didn't help anything.)

.jcarousel-container {
height: 275px;
margin: 0;
padding: 0;
width: 100%;
}

.jcarousel-clip {
height: 275px;
overflow: hidden;
width: 100%;
}

.jcar-inner-wrapper {
border-color: #C5C5C5 -moz-use-text-color #C5C5C5 #C5C5C5;
border-style: solid none solid solid;
border-width: 1px 0 1px 1px;
height: 227px;
padding: 23px 20px;
}

@Sammii
Sammii commented Feb 9, 2012

Come to think of it, could this issue be from: the window width is an odd number, and the li elements, being all the same calculated size, cannot EXACTLY fill the window width? I am not sure how it is programmed to behave in such a situation, but it would explain why the position shift is only ever 3-5 pixels.

@jsor
Owner
jsor commented Feb 10, 2012

Ah, i read over the "fluid" part. In this case it isn't fixable since you can't say how wide the clip is. The tail scrolling ensures that in cases where the last item isn't fully visible you can scroll it into the visible area.

@khamkaranna

thankx for the info above...
but i want the solution for this bug (content disapears after a few minutes)

What should i do. plz tell me.
Thanks in advance.

@jsor
Owner
jsor commented Apr 21, 2012

Try 0.3 :)

@jsor jsor closed this May 11, 2012
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment