или делай не через float: left, а через display: inline-block. тогда ты родителю сможешь указать text-align: center и картинки падая вниз будут по центру. тобишь когда первые упадут в 2 ряда будет по 4 картинки и 2 картинки в 3 ряду по центру
$( ".slidebox" ).mouseover(function() { $(this).addClass('wtf');});
а в ксс уже пишешь
.slidebox.wtf .newhover {display: inline-block;}
.slidebox.wtf .newnormal {display: none;} и так далее
doctorcat: ну уж извините) айфона нет) в стандартном браузере андройда и там же в хроме все нормально у меня) так что хз что за баг. как вариант сказал же в инициализацию и sync1.owlCarousel({ и на sync2.owlCarousel({ вставь dragBeforeAnimFinish: true,
а еще попробуй запоминать не data, a index элемента (var number = $(this).data("owlItem");) и переходить к индексу.
doctorcat: эм.. я это 40 минут назад написал если че) p.s добавил тогда же. баг такой только из за того что анимация не заканчивается и нельзя нажать на кнопку пока она не завершится. поставь dragBeforeAnimFinish: true, может поможет)
Valiety: ну просто в большинстве случаев так и выходит. стать фрилансером тоже не легкое дело) так чтобы стабильности добиться в этом деле - нужно сильно постараться)