Hi jQuery Land,
I'm using jCarousel Lite to do a little tips switcher. I'm using prev
and next buttons. Next works great. Prev fails after a few clicks.
The html is straight forward. jC lite is applied to a div with a set
width and overflow:hidden. This contains a UL with 4 LIs with a set
width of 190px each.
According to firebug, the issue appears to be the inline css being
applied to the ul. After a few clicks (and sometimes on the first one
- see below), the css on the ul comes up as "... width: 1140px; left:
-2090px;" and no matter how many times I click the next/prev buttons,
I can't get anything else to show up again. fwiw, the ul starts with
these inline: "... width: 1140px; left: -190px;"
If I click "back" first, it goes to directly to "... width: 1140px;
left: -2090px;" and we're left with a blank carousel. If I hit next
once and then back, it works for the 4 items, then back to the first
again and then goes to blank. (left on the ul is set to -190, -380,
-570, -760, -950 (first item) and then -2090! heeeeeellllp? :)
Sadly, I can't send a url for sorta silly NDA reasons but I'll include
the (I hope) relevant bits of code here.
in the js
$("#did-you-know .container ").jCarouselLite({
btnNext: ".prev",
btnPrev: ".next",
visible: "1"
});
css
#did-you-know .container {
overflow: hidden;
width: 190px;
}
#did-you-know ul {
margin:0;
padding:0;
display: block;
}
#did-you-know li{
margin: 0;
padding:0;
width:190px;
}
Thanks for any help!
Will
PS. sorry if this gets posted twice.
