Анимированные jquery Полоса изображений

Question

Мне было интересно, может ли кто-нибудь помочь мне анимировать изображение при наведении, которое на самом деле проходит через достаточно кадров, чтобы имитировать поворот на 360 градусов. У меня есть кадры от 3D программного обеспечения. На самом деле это значок, который я хочу вращать при наведении курсора мыши и откат при использовании мышки, используя только 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

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

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

Answer 2

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