Home/ Questions/Q 1032641
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T14:06:34+00:00

I am attempting to use the jQuery Frame Animation plugin and cannot get it

  • 0

I am attempting to use the jQuery Frame Animation plugin and cannot get it to work even in the simplest of tests. I have tried to break it down as simply as possible and still cannot seem to get it to work.

Here is a test where I’m referencing the files from the demo and I still can’t get it to work:

<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>

Am I crazy? Does this work on anyone else’s location machine? Here is the demo page for reference.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I believe it is because you are not including the stylesheet, the following work…

    <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>
    • 0