需要幫助來設置jQuery插件“ SpriteSpin”

Question

這是插件頁面： http : //spritespin.ginie.eu/howto.html

這是我的網站： http : //chronox.netai.net/

向下滾動到最底端以查看問題。

我希望該插件位於最后一部分（帶有箭頭和“ 360 *”的滑塊）中。

我已經按照指示進行了。 但是顯然沒有出現。 有人可以看一下代碼，看看是否正確嗎？

  <script type="text/javascript">
  $(".threesixty-gold").spritespin({
  // path to the source images.
  source: [
  "assets/img/threesixty/gold/gold0000.jpg",
  "assets/img/threesixty/gold/gold0001.jpg",
  "assets/img/threesixty/gold/gold0002.jpg",
  "assets/img/threesixty/gold/gold0003.jpg",
  "assets/img/threesixty/gold/gold0004.jpg",
  "assets/img/threesixty/gold/gold0005.jpg",
  "assets/img/threesixty/gold/gold0006.jpg",
  "assets/img/threesixty/gold/gold0007.jpg",
  "assets/img/threesixty/gold/gold0008.jpg",
  "assets/img/threesixty/gold/gold0009.jpg",
  "assets/img/threesixty/gold/gold0010.jpg",
  "assets/img/threesixty/gold/gold0011.jpg",
  "assets/img/threesixty/gold/gold0012.jpg",
  "assets/img/threesixty/gold/gold0012.jpg",
  "assets/img/threesixty/gold/gold0013.jpg",
  "assets/img/threesixty/gold/gold0014.jpg",
  "assets/img/threesixty/gold/gold0015.jpg",
  "assets/img/threesixty/gold/gold0016.jpg",
  "assets/img/threesixty/gold/gold0017.jpg",
  "assets/img/threesixty/gold/gold0018.jpg",
  "assets/img/threesixty/gold/gold0019.jpg",
  "assets/img/threesixty/gold/gold0020.jpg",



  ],
  width   : 1900,  // width in pixels of the window/frame
  height  : 930,  // height in pixels of the window/frame
});

</script>

Answer 1

您需要將代碼放入$( document ).ready(function() {});
更新
您缺少spritespin.js參考。
<script src='spritespin.js' type='text/javascrip' />

Answer 2

您需要在HTML中包含Sprite JS。 您可以在jquery之后插入它。

<script src='jquery-1.4.2.js' type='text/javascript' />
<script src='spritespin.js' type='text/javascrip' />