kswedberg / jquery-carousel-lite

A jQuery carousel plugin based on jCarouselLite by Ganeshji Marwaha
MIT License
177 stars 59 forks source link

Left position of UL is -90,987,367px #24

Closed jhogue closed 11 years ago

jhogue commented 11 years ago

Hi there,

This problem is plaguing me. I've used jCarouselLite for years and years, I even added a "fade" feature to the original library released by Ganeshji Marwaha for my own use. I recently switched to this new plug-in because it is still supported by a person (and thank you for that), it uses touch events, and it can be responsive. But I have had no luck in using it.

I am almost certainly doing something stupid, but I can not figure out what... Can you take a look at this homepage implementation?

http://staging.tbc1927.com/www/

The implementation here is not responsive, but I would like swipe supported.

$().ready(function() { $(".homecarousel").jCarouselLite({ visible: 1, auto: 12000, speed: 800, responsive: false, swipe: true, circular: true, btnNext: ".next", btnPrev: ".previous" }); });

The CSS is simple enough, and I am letting your plug in do the heavy lifting. The jQuery I am using is the same as yours (1.7.2) though I had been using a newer version.

When the carousel initially loads, the first slide is fine. Then it goes away, and the whole carousel is positioned WAY off the page. The longer the carousel runs, the more off the page it is positioned.

What am I missing?

twig2let commented 11 years ago

Hi

I have only managed a quick look at the code, but from what i can see, there is something wrong with the calculation used when offsetting the homepage_gallery div, -

The 'left' css attribute of the

jhogue commented 11 years ago

Yes, I see that in the output of the code with the inspector. I'm not great at jQuery/JS though, so I can't tell if it is wrong in my implementation or wrong in the plug in. I can only assume the plug in is correct, as I didn't see any other similar issues and a Google search proved fruitless as well. No one else on Stack Overflow seems to be having this issue. I'll ask there as well...

twig2let commented 11 years ago

Cool, well when i get a chance later, i will take a look and get back to you. But maybe you'll have some better luck in the mean-time.

Sent with [inky: http://inky.com?kme=signature]

J. Hogue wrote:

Yes, I see that in the output of the code with the inspector. I'm not great at jQuery/JS though, so I can't tell if it is wrong in my implementation or wrong in the plug in. I can only assume the plug in is correct, as I didn't see any other similar issues and a Google search proved fruitless as well. No one else on Stack Overflow seems to be having this issue. I'll ask there as well… —

Reply to this email directly or [view it on GitHub: https://github.com/kswedberg/jquery-carousel- lite/issues/24#issuecomment-17541063].

jhogue commented 11 years ago

I'm still stuck with this problem, and again, I bet I must be doing something wrong, but I can't figure out what it might be. I looked into Flexslider which is another responsive slideshow. It has more features than I need and it is a big heavier, but it works better so I may have to switch to that if I can't figure this out. It's too bad, as I have used jCarousel now for years a years without issue.

kswedberg commented 11 years ago

Sorry you're having problems with this and sorry for the delay in responding. I'd like to try to get to the bottom of this issue—for you and me both. Looks like http://staging.tbc1927.com/www/ already uses flexslider, though. Is there any way you could possibly put up a page again that exhibits the problem?

jhogue commented 11 years ago

Sorry, yes, I was playing with that over the weekend. Lemme roll it back and I'll post the new URL here.

On Mon, May 13, 2013 at 9:57 AM, Karl Swedberg notifications@github.comwrote:

Sorry you're having problems with this and sorry for the delay in responding. I'd like to try to get to the bottom of this issue—for you and me both. Looks like http://staging.tbc1927.com/www/ already uses flexslider, though. Is there any way you could possibly put up a page again that exhibits the problem?

— Reply to this email directly or view it on GitHubhttps://github.com/kswedberg/jquery-carousel-lite/issues/24#issuecomment-17813000 .

J. Hogue: Design Director at Project Evolution t: 888.456.0467 | c: 401.831.1963

jhogue commented 11 years ago

http://staging.tbc1927.com/www/jcarousel-test When first loaded, the slide appears fine. Then the crazy multiplication happens on the LIs and the width of the UL.

kswedberg commented 11 years ago

ok, thx for putting the page back up there! I'll take a look as soon as I get a chance.

kswedberg commented 11 years ago

Aha! The problem is your auto: 12000 setting. Set it to true or 1 instead. See the documentation for details. Feel free to close this issue if that solves your problem.

jhogue commented 11 years ago

Gah! Right... the plug in changed from just auto (number was the animation delay) to boolean, with an additional "timeout" parameter for the transition delay. D'oh!. Thanks for the help.