Использую плагин
spritespin
выставил базовые настройки:
$('.spritespin').spritespin({
// generate an array of image urls.
// this is a helper function that takes a {frame} placeholder
source: SpriteSpin.sourceArray('../img/rotate_watch_{frame}.jpg', {
// this ramge of numbers is interpolated into the {frame} placeholder
frame: [1,12],
// the frame placeholder will be padded with leading '0' up to the number of 'digits'
digits: 3
}),
// Specify the display width and height of the frame.
// Optionally the size of the container can be defined with CSS.
width: 720,
height: 720,
// Sense controls the direction and speed of the animation for mouse/touch interactions.
// Here a negative value is chosen to invert the rotation, so the animation 'follows' the drag direction.
// Values towards 0 will slow the animation down.
sense: -1,
frameTime: 60
});
12 изображений,
при загрузке страницы происходит очень быстрое кружение изображения, и только при клике по изображению все становиться на свои места и начинает работать плагин, водишь мышью и изображение вращается..
Вопрос почему при загрузке происходит быстрое вращение изображения и как это побороть.
В идеале при загрузке страницы изображение вообще не должно вращаться, а только под воздействием пользователя.
Спасибо.
UPD Есть мысль что возможно это из-за малого количества изображений, у меня их 12, а вот сделал 24 и скорость вращения уменьшилась значительно, но все же как вообще ее остановить и прокручивать только мышкой.
