需要旋转图像的总宽度

时间:2012-06-25 17:54:42

标签: jquery css image-rotation

我的效果是,当您将鼠标悬停在这个特定区域上时,它会从底部抬起它,旋转图像并将它们拼凑在一起。它应该模仿“扇出”一手牌。除了我需要它们居中之外,这一切都很好。我能想到如何做到这一点的唯一方法是测量每侧最远的角落,但我不知道该怎么做。有人有什么建议吗?我正在使用jQuery 1.7。

链接到示例:http://aws.redemptionconnect.com/redemption/play.html

1 个答案:

答案 0 :(得分:2)

不是使用javascript来计算屏幕宽度,而是更容易变成带有边距的小创意:自动

首先,根据卡片中的卡位置,给卡片预定义的左值。

然后我们计算#outer-hand包装器的宽度。一旦我们有了合适的宽度,定义为auto的边距将自动将卡片置于所需位置的中心位置!

看看这个:

http://jsfiddle.net/JE7gf/