jQuery Supersize播放按鈕和托盤向下按鈕不顯示

Question

我已經集成了Supersized 3.2.7 - 全屏幻燈片jQuery插件到一個自定義的WordPress主題。我正在使用WordPress 3.4.2。除了當我點擊暫停按鈕時，我得到一個缺失的播放按鈕（play.png），所有關於幻燈片的操作都非常棒。這也發生在我點擊托盤打開按鈕時，托盤向下按鈕（button-tray-down.png）丟失。這裏是一個頁面的鏈接：http://dev4.mccawphotographics.com/views/

當我檢查在源代碼中的這些按鈕的路徑，我看到img/button-tray-down.png和img/play.png。顯然這是錯誤的路徑，但我不知道如何讓它使用圖像的正確路徑。

我用了幾個小時的搜索，但還沒有找到任何答案。這是我的代碼，稱爲超大功能：

<script type="text/javascript"> 
    jQuery(function($){ 

     $.supersized({ 

      // Functionality 
      slideshow    : 1,   // Slideshow on/off 
      autoplay    : 1,   // Slideshow starts playing automatically 
      start_slide    : 1,   // Start slide (0 is random) 
      stop_loop    : 0,   // Pauses slideshow on last slide 
      random     : 0,   // Randomize slide order (Ignores start slide) 
      slide_interval   : 6000,  // Length between transitions 
      transition    : 1,   // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left 
      transition_speed  : 2000,  // Speed of transition 
      new_window    : 1,   // Image links open in new window/tab 
      pause_hover    : 0,   // Pause slideshow on hover 
      keyboard_nav   : 1,   // Keyboard navigation on/off 
      performance    : 1,   // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit) 
      image_protect   : 1,   // Disables image dragging and right click with Javascript 

      // Size & Position       
      min_width    : 0,   // Min width allowed (in pixels) 
      min_height    : 0,   // Min height allowed (in pixels) 
      vertical_center   : 0,   // Vertically center background 
      horizontal_center  : 1,   // Horizontally center background 
      fit_always    : 0,   // Image will never exceed browser width or height (Ignores min. dimensions) 
      fit_portrait   : 1,   // Portrait images will not exceed browser height 
      fit_landscape   : 0,   // Landscape images will not exceed browser width 

      // Components       
      slide_links    : false, // Individual links for each slide (Options: false, 'number', 'name', 'blank') 
      thumb_links    : 1,   // Individual thumb links for each slide 
      thumbnail_navigation : 0,   // Thumbnail navigation 
      slides     : [   // Slideshow Images 
               {image : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-5.jpg', title : '', thumb : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-5.jpg', url : ''}, 
               {image : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-4.jpg', title : '', thumb : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-4.jpg', url : ''}, 
               {image : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-3.jpg', title : '', thumb : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-3.jpg', url : ''}, 
               {image : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-2.jpg', title : '', thumb : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-2.jpg', url : ''}, 
               {image : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-1.jpg', title : '', thumb : 'http://dev4.mccawphotographics.com/wp-content/uploads/2012/10/amenities-1.jpg', url : ''}, 


             ], 

      // Theme Options    
      progress_bar   : 1,   // Timer for each slide       
      mouse_scrub    : 0 

     }); 
    }); 
</script> 

任何想法是什麼導致此問題，以及如何解決它？

謝謝！

Answer 1

您所指定的路徑圖像在JavaScript下瓦爾：

image_path: "img/" 

更改爲：

image_path: "/wp-content/themes/residence-xxv/images/"