Question

我正在网站上工作，我使用动画：

spriteOnHover（悬停时的Sprite） - jQuery插件

我的问题是我的动画停止了，我感觉就像PNG的设置一样。

从这些链接可以看出：

http://www.benjaminedwardswebdesign.co.uk/testsites/moveplease/＆lt; =我的动画是烧杯！

它没有正确动画！

你认为这是我的精灵吗？因为插件网站上有一条警告说明了这个

“注意：spriteOnHover jquery插件会根据orientation参数自动检测你的sprite有多少帧，但是每个帧的大小与其他帧完全相同是至关重要的。现在，不支持多行精灵“。

希望有人能提供帮助，

非常感谢，

本。

Answer 1

谢谢你，我现在只是使用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");
        }                         
    );                  
});

Answer 2

加载您的移动页面会产生404错误：

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

for http://www.benjaminedwardswebdesign.co.uk/testsites/moveplease/images/beakerFinal.png

对于您使用的其他页面：http://www.benjaminedwardswebdesign.co.uk/testsites/moveplease2/images/beaker.png（注意beaker.png与beakerFinal.png

创建精灵准备动画的最佳位置在哪里？

2 个答案: