bxSlider simultaneously shows two different images, one with ~20% and the other with ~80%

[colabeer]

Good Morning,

i use a roundabout jquery plugin, and now i want a slider in each box.

Example: http://fredhq.com/projects/roundabout/demos/standard

But the BxSlider Sliders images a wrong calculated, it starts correct but when I switch to the second box the images which should be "slided" are wrong calculated (it shows 20% of one image and 80% of the other)

Sorry for my english, i hope you know what i mean.

Thanks for the great plugin.

Best Regards

colabeer

[faridnsh]

I'm having the same problem. The wrong calculations. The content are vimeo iframes. All of them has width attribute set. I'm also using bootstrap.

[faridnsh]

Realized only happens in chrome, probably same issue as #101

[selfthinker]

I think it's also the same as #73 (which provides a probable fix).

[ahmedbc]

hello i think the problem is that the bxslider is miscalculating the number of pixel that he should subtraction from the left attribute on the ul tag when the webkit browsers when the zooming is not on 100% so my solution is to manually calculate this left attribute on onAfterSlide callback like this :

onAfterSlide: function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject){

$("#you-ul-id").css( 'left' , -currentSlideHtmlObject.width()*currentSlideNumber);

} });

you can also use document.getElementById("you-ul-id").style.left = " -currentSlideHtmlObject.width()_currentSlideNumber"; instead of $("#you-ul-id").css( 'left' , -currentSlideHtmlObject.width()_currentSlideNumber); this works for me so i wanted to share wish it helps you to solve this problem

[bradkoehler]

Just wanted to say thanks Ahmedbc. This fix worked for me.

[ahmedbc]

@bradkoehler you welcome enjoy it .

[pethel]

@bradkoehler Thanks for the fix but shouldn't it be $("#you-ul-id").css( 'left' , -currentSlideHtmlObject.width()*(currentSlideNumber + 1)); If I don't my slides get out of sync.