jQuery Booklet プラグインを使用してフリップブックを作成しようとしています。ここにあるチュートリアルに従っています。ページには読み込み中と表示されるだけで、その後は何も起こりません。
これが私のコードです:
HTML
<div class="book_wrapper">
<a id="next_page_button"></a>
<a id="prev_page_button"></a>
<div id="loading" class="loading">Loading...</div>
<div id="mybook" style="display:none;">
<div class="b-load">
<div>
<h2>Pen N Hand's Artwork </h2>
</div>
<div>
<img src="images/artwork/img.jpg" alt="" />
</div>
</div>
</div>
</div>
JS
$(function() {
var $mybook = $('#mybook');
var $bttn_next = $('#next_page_button');
var $bttn_prev = $('#prev_page_button');
var $loading = $('#loading');
var $mybook_images = $mybook.find('img');
var cnt_images = $mybook_images.length;
var loaded = 0;
//preload all the images in the book,
//and then call the booklet plugin
$mybook_images.each(function(){
var $img = $(this);
var source = $img.attr('src');
$('<img/>').load(function(){
++loaded;
if(loaded == cnt_images){
$loading.hide();
$bttn_next.show();
$bttn_prev.show();
$mybook.show().booklet({
//Booklet Options
});
}
}).attr('src',source);
});
});
Firebug にエラーはありません。