2013-07-21 74 views
-2

我想使用jQuery 3D動畫書插件(http://codecanyon.net/item/3d-flipbook-responsive-jquery-plugin/3946817),但它不起作用。jQuery 3D動畫書插件不工作

我把代碼放在我的php頁面上(你可以在這裏看到http://eurocom.servizieweb.it/pricelist/),但它不起作用。有誰知道爲什麼,或者有誰有這個問題?

我把代碼。問題是沒有加載在我的頁面上。

在此先感謝。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> 

<script src="/catalogo/js/flipbook.min.js"></script> 

<script type="text/javascript"> 

    jQuery(document).ready(function() { 
     jQuery("#container").flipBook({ 
      css:"/catalogo/css/black.css", 
      pages:[ 
       { 
        src:"book/eng/page1.jpg", 
        thumb:"book/eng/thumb1.jpg", 
        title:"Cover", 
       }, 
       { 
        src:"book/eng/page2.jpg", 
        thumb:"book/eng/thumb2.jpg", 
       }, 
       { 
        src:"book/eng/page3.jpg", 
        thumb:"book/eng/thumb3.jpg", 
        title:"Studio Team", 
       }, 
       { 
        src:"book/eng/page4.jpg", 
        thumb:"book/eng/thumb4.jpg" 
       }, 
       { 
        src:"book/eng/page5.jpg", 
        thumb:"book/eng/thumb5.jpg", 
       }, 
       { 
        src:"book/eng/page6.jpg", 
        thumb:"book/eng/thumb6.jpg", 
       }, 
       { 
        src:"book/eng/page7.jpg", 
        thumb:"book/eng/thumb7.jpg" 
       }, 
       { 
        src:"book/eng/page8.jpg", 
        thumb:"book/eng/thumb8.jpg", 
       }, 
       { 
        src:"book/eng/page9.jpg", 
        thumb:"book/eng/thumb9.jpg" 
       }, 
       { 
        src:"book/eng/page10.jpg", 
        thumb:"book/eng/thumb10.jpg" 
       }, 
       { 
        src:"book/eng/page11.jpg", 
        thumb:"book/eng/thumb11.jpg" 
       }, 
       { 
        src:"book/eng/page12.jpg", 
        thumb:"book/eng/thumb12.jpg" 
       }, 
       { 
        src:"book/eng/page13.jpg", 
        thumb:"book/eng/thumb13.jpg" 
       }, 
       { 
        src:"book/eng/page14.jpg", 
        thumb:"book/eng/thumb14.jpg" 
       }, 
       { 
        src:"book/eng/page15.jpg", 
        thumb:"book/eng/thumb15.jpg", 
       }, 
       { 
        src:"book/eng/page16.jpg", 
        thumb:"book/eng/thumb16.jpg" 
       }, 
       { 
        src:"book/eng/page17.jpg", 
        thumb:"book/eng/thumb17.jpg" 
       }, 
       { 
        src:"book/eng/page18.jpg", 
        thumb:"book/eng/thumb18.jpg" 
       }, 
       { 
        src:"book/eng/page19.jpg", 
        thumb:"book/eng/thumb19.jpg" 
       }, 
       { 
        src:"book/eng/page20.jpg", 
        thumb:"book/eng/thumb20.jpg" 
       }, 
       { 
        src:"book/eng/page21.jpg", 
        thumb:"book/eng/thumb21.jpg" 
       }, 
       { 
        src:"book/eng/page22.jpg", 
        thumb:"book/eng/thumb22.jpg" 
       }, 
       { 
        src:"book/eng/page23.jpg", 
        thumb:"book/eng/thumb23.jpg", 
        title:"Accessries", 
       }, 
       { 
        src:"book/eng/page24.jpg", 
        thumb:"book/eng/thumb24.jpg", 
       }, 
       { 
        src:"book/eng/page25.jpg", 
        thumb:"book/eng/thumb25.jpg", 
       }, 
       { 
        src:"book/eng/page26.jpg", 
        thumb:"book/eng/thumb26.jpg", 
        title:"Laboratory Team", 
       }, 
       { 
        src:"book/eng/page27.jpg", 
        thumb:"book/eng/thumb27.jpg", 
       }, 
       { 
        src:"book/eng/page28.jpg", 
        thumb:"book/eng/thumb28.jpg", 
       }, 
       { 
        src:"book/eng/page29.jpg", 
        thumb:"book/eng/thumb29.jpg", 
       }, 
       { 
        src:"book/eng/page30.jpg", 
        thumb:"book/eng/thumb30.jpg", 
       }, 
       { 
        src:"book/eng/page31.jpg", 
        thumb:"book/eng/thumb31.jpg", 
       }, 
       { 
        src:"book/eng/page32.jpg", 
        thumb:"book/eng/thumb32.jpg", 
       }, 
       { 
        src:"book/eng/page33.jpg", 
        thumb:"book/eng/thumb33.jpg", 
       }, 
       { 
        src:"book/eng/page34.jpg", 
        thumb:"book/eng/thumb34.jpg", 
       }, 
       { 
        src:"book/eng/page35.jpg", 
        thumb:"book/eng/thumb35.jpg", 
       }, 
       { 
        src:"book/eng/page36.jpg", 
        thumb:"book/eng/thumb36.jpg", 
       }, 
       { 
        src:"book/eng/page37.jpg", 
        thumb:"book/eng/thumb37.jpg", 
       }, 
       { 
        src:"book/eng/page38.jpg", 
        thumb:"book/eng/thumb38.jpg", 
        title:"Laboratory Team Accessories", 
       }, 
       { 
        src:"book/eng/page39.jpg", 
        thumb:"book/eng/thumb39.jpg", 
       }, 
       { 
        src:"book/eng/page40.jpg", 
        thumb:"book/eng/thumb40.jpg", 
       }, 
       { 
        src:"book/eng/page41.jpg", 
        thumb:"book/eng/thumb41.jpg", 
       }, 
       { 
        src:"book/eng/page42.jpg", 
        thumb:"book/eng/thumb42.jpg", 
       }, 
      ] 
     }); 
    }) 
</script> 
+3

請張貼相關的代碼,並解釋部分不能正常工作。 – Charlie

回答

0

你jQuery的JS加載兩次

刪除其中的一個,這可能會幫助您的問題

+0

謝謝,我嘗試但沒有解決。 –