требуется общая ширина вращающихся изображений

Question

У меня есть эффект, что, когда вы наведите указатель мыши на эту конкретную область, она поднимает ее снизу, поворачивает изображения и сглаживает их. Он должен подражать «размахиванию» руки игральных карт. Все работает хорошо и хорошо, за исключением того, что мне нужно, чтобы они были сосредоточены. Единственный способ, которым я могу думать, как это сделать, - измерить самый дальний угол с каждой стороны, но я не знаю, как это сделать. У кого-нибудь есть предложения? Я использую jQuery 1.7.

Ссылка на пример: http://aws.redemptionconnect.com/redemption/play.html

Answer 1

Вместо использования JavaScript для расчета ширины экрана, это гораздо проще, чтобы стать немного творческим с запасом: авто

Во-первых, дать карточки предопределенный левую значение в зависимости от положение карт в стеке.

Затем мы вычисляем ширину обертки #outer-hand. Как только мы получим правильную ширину, маржа, определенная для авто, автоматически центрирует карты до желаемой позиции!

Взгляните на это:

http://jsfiddle.net/JE7gf/