哪裏是創建準備動畫的精靈的最佳地點？

我工作的一個網站，我使用有動畫：哪裏是創建準備動畫的精靈的最佳地點？

spriteOnHover（雪碧懸停） - jQuery插件

我的問題是，我的動畫停止，我有一種感覺，那就是它的方式PNG成立。

你可以從這些鏈接見：

http://www.benjaminedwardswebdesign.co.uk/testsites/moveplease/ < =我的動畫是燒杯！

它不是正確的動畫！

你認爲這是我的精靈嗎？因爲在插件網站上有一個警告，說這個

「注意：spriteOnHover jquery插件會根據orientation參數自動檢測你的精靈有多少幀，但重要的是每個幀的尺寸與其他人。目前，多線精靈不支持。「

希望有人能幫助，

非常感謝，

本。

來源

2014-04-06 user3502952

此外，這裏是一個連續的動畫，使用spritely但不使用懸停狀態：http://www.benjaminedwardswebdesign.co.uk/testsites/moveplease2/ – user3502952

感謝這個，我現在只是使用GIF和靜態PNG懸停狀態：請參閱我的小提琴http://jsfiddle.net/P4aZC/

<img id="beaker" src="http://benjaminedwardswebdesign.co.uk/testimg/BeakerStart.png" /> 

    $(document).ready(function() 
{ 
    $("#beaker").hover(
     function() 
     { 
      $(this).attr("src", "http://benjaminedwardswebdesign.co.uk/testimg/BeakerAni.gif"); 
     }, 
     function() 
     { 
      $(this).attr("src", "http://benjaminedwardswebdesign.co.uk/testimg/BeakerStart.png"); 
     }       
    );     
});

來源

2014-04-07 06:41:25 user3502952

加載您moveplease頁面yeilds 404錯誤：

Failed to load resource: the server responded with a status of 404 (Not Found)

爲

對於您使用的是其他網頁：http://www.benjaminedwardswebdesign.co.uk/testsites/moveplease2/images/beaker.png（注意beaker.png與beakerFinal.png

來源

2014-04-06 07:14:00

對此感到抱歉！我會檢查出來 - 謝謝你的評論。 – user3502952

這應該工作得很好：http://www.benjaminedwardswebdesign.co.uk/testsites/moveplease2，這也是http://www.benjaminedwardswebdesign.co.uk/testsites/moveplease/請讓我知道，如果你能看到它。謝謝。 – user3502952

兩個頁面現在都可以看到燒杯。帶鉛筆和燒杯的頁面正在產生大量'Uncaught TypeError：無法調用未定義錯誤的方法'分裂'。 –

哪裏是創建準備動畫的精靈的最佳地點？

回答

相關問題