search

CSS-Tricks / MovingBoxes

Simple horizontal slider which grows up the current box when it's in focus (image, title & text) and back down when it's not in focus.
http://css-tricks.github.io/MovingBoxes/
GNU Lesser General Public License v3.0
280 stars 147 forks source link

sliding glitch #8

Closed ofwalking closed 13 years ago

ofwalking commented 13 years ago

Tested it out and noticed there is a sliding glitch when more than 11 panels are used with the following settings... width to 960, panelWidth to 1, reducedSize to 1, and imageRatio to 1.

The glitch is that instead of sliding to the next slide, it will loop through all the panels first before going to the next slide. The same is true for previous slides. Also, when the current state is the last slide and using the navigation to click on the first slide link... it will just pop to the first slide instantly, instead of sliding backwards.

Mottie commented 13 years ago

Thanks for the bug report... it's not something obvious, so give me some time to figure out the problem.

damonbauer commented 13 years ago

Just adding a comment here:

I've got 30 boxes in the slider, and I've got a problem on panels #25-30.

Mottie commented 13 years ago

Ok, I finally found this problem... it turned out to be a jQuery bug (http://bugs.jquery.com/ticket/7193) introduced in version 1.4 and will be fixed in v1.5. But you won't have to wait for jQuery 1.5 because in the latest version (v1.7), I switched the panel positioning from using "left" to "scrollLeft". Please tell me if this fixes your problems as I haven't had a chance to thoroughly test it.

damonbauer commented 13 years ago

Mottie -

Looks to be working as expected now. Much thanks for your contributions to this fix.

Mottie commented 13 years ago

Great! I'm closing this issue then :)