2011-05-19 11 views
1

を使用して表示するためのPNG画像シーケンスを取得できません私が作成しようとしているデモは、空白のページで終わる(http://dsdmdesign.com/guard/guard.htmlは、私が、どんなに私がしようとしているように見えるものを(<a href="http://inscopeapps.com/demos/flipbook/" rel="nofollow">http://inscopeapps.com/demos/flipbook/</a>)「フリップブック」を使用して、Webページ上のループに</p> <p>をPNGイメージシーケンスをしようとしないんだフリップブックのjQueryプラグイン

私のコードは次のとおりです。

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

関連する問題

 関連する問題