腳本不會加載 - Firebug中沒有錯誤

Question

我正在嘗試使用jQuery Booklet插件創建一個翻書。我正在關注可以找到的教程here。該頁面只是說加載，之後沒有任何反應。

Here is a jsFiddle I created.

這裏是我的代碼：

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中看不到任何錯誤。

Answer 1

我在Firebug中看不到任何錯誤。

我做的：

因此，請確保您所指定的網址，以實際存在的圖像。