Le plugin d'animation d'image jQuery ne fonctionne pas

J'essaye d'utiliser le plugin jQuery Frame Animation et je n'arrive pas à le faire fonctionner même dans le plus simple des tests. J'ai essayé de le décomposer le plus simplement possible et je n'arrive toujours pas à le faire fonctionner.Le plugin d'animation d'image jQuery ne fonctionne pas

Voici un test où je fais référence les fichiers de la démo et je ne peux toujours pas à travailler:

<html> 
<head> 
<style type="text/css"> 
    #a { 
    background: url(http://demo.dev.bitami.com/jQuery/frameanimation/images/logo.png) no-repeat 0px 0px; 
    height: 36px; 
    width: 100px; 
    } 
</style> 

<script type="text/javascript" src="http://demo.dev.bitami.com/jQuery/frameanimation/javascripts/jquery.js"></script> 
<script type="text/javascript" src="http://demo.dev.bitami.com/jQuery/frameanimation/javascripts/jquery.frame.animation.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
    $("#a").frameAnimation(); 
    }); 
</script> 
</head> 
<body> 
<div id="a"></div> 
</body> 
</html>

Suis-je fou? Est-ce que cela fonctionne sur la machine de localisation de quelqu'un d'autre? Voici le demo page pour référence.

Source

2010-08-25 creativetim

fonctionne bien pour moi. Ou qu'est-ce qui ne devrait pas marcher? – Iznogood

je crois qu'il est parce que vous n'êtes pas incluez la feuille de style, les travaux suivants ...

<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="http://demo.dev.bitami.com/jQuery/frameanimation/stylesheets/style.css" /> 
    <title>Frame Animation Plugin for jQuery</title> 
    <script src="http://demo.dev.bitami.com/jQuery/frameanimation/javascripts/jquery.js"></script> 
    <script src="http://demo.dev.bitami.com/jQuery/frameanimation/javascripts/jquery.frame.animation.js"></script> 
</head> 
<body> 
<a id="d" href="#"></a> 
<script> 
$(function() { 
    $('#d').frameAnimation(); 
}); 
</script> 
</body> 
</html>

Source

2010-08-25 16:33:37

Je l'ai fait fonctionner en m'assurant que ma propriété d'arrière-plan commençait à la dernière image, comme dans sa feuille de style: arrière-plan: url (../ images/logo.png) no-repeat 0px -324px; – creativetim

Le plugin d'animation d'image jQuery ne fonctionne pas

Répondre

Questions connexes