2011-05-19 30 views
1

我使用的是「翻書」,試圖循環PNG圖像序列,在網頁上顯示(http://inscopeapps.com/demos/flipbook/無法獲得png圖片序列使用翻書jQuery插件

不管是什麼我似乎試試,演示中,我想創建一個空白頁結束(http://dsdmdesign.com/guard/guard.html

我的代碼是:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Untitled Document</title> 
</head> 
<style type="text/css"> 
.guard { 
    display: block; 
    position: relative; 
} 
</style> 
</head> 
<body> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js> 
</script> 
<script src="jquery.flipbook.js"></script> 
<img class="guard" images="guard.%3d.png" start="1" end="10" fps="24" mobileStep="3" /> 
</body> 
</html> 

有誰知道如何獲得圖像序列正確地顯示出來?我非常喜歡使用jquery。

回答

0

問題是,你沒有初始化你的翻書。喜歡的東西...

Live Demo

<script type="text/javascript"> 
    $(function() { 
     $('img.guard').flipbook({ 
      'mobileStep': 1 
     }); 
    }); 
</script> 
+0

哇哦,這真可笑我。非常感謝! – Darren 2011-05-20 15:07:09