Анимированный jQuery Слой изображений

Question

Мне было интересно, может ли кто-нибудь помочь мне анимировать изображение при наведении, которое фактически проходит через достаточное количество кадров, чтобы имитировать поворот на 360 градусов. У меня есть фреймы, сделанные из программного обеспечения 3d. Это на самом деле значок, который я хочу повернуть на mouseover & откат на мыши, используя только jquery. Я могу оптимизировать его до 90 изображений. 90x90 Благодаря

// Ive tried this but im just not sure where or how to call the images :  
$('[class$=Button]').mouseover(function() {   
    var arr = $(this).attr('class').split("Button");    
    $('div.'+arr[0]+'Content').stop(true, true).animate('');        
}); 

$('[class$=Button]').mouseout(function() {  
    var arr = $(this).attr('class').split("Button");    
    $('div.'+arr[0]+'Content').stop(true, true).animate('');    
}); 

Answer 1

Я бы рекомендовал не использовать несколько изображений в виде кадров для анимации (принять во внимание, что CSS3 имеет 3D-преобразования, что большинство браузеров поддерживают SVG & холст), но если вы действительно хотите сделать это, вам может использовать что-то вроде этого: http://jsfiddle.net/gion_13/tLkdu/.

Answer 2

Я сделал легкий плагин jquery, который отлично работает на мобильных устройствах и ie8 + для анимации полос изображения.

http://timothyswt.github.io/animatinator/#/home