jquery書架滑塊修改

Question

我正在創建書架使用jquery書架滑塊。它的運作良好，但我需要在自己的書本中進行一些修改。

我們的書自我演示鏈接 Book shelf demo

我們的修改給出如下：

• 默認加載時間標題和圖標是隱藏。

• 如果我們需要點擊標題或圖標。顯示標題或圖標。下面

  <script type="text/javascript"> 
  
  
  
  jQuery(document).ready(function() { 
  
  
  
      //define custom parameters 
  
      $.bookshelfSlider('#bookshelf_slider', { 
  
       'item_width': '100%', //responsive design > resize window to see working 
  
       'item_height': 320, 
  
       'products_box_margin_left': 30, 
  
       'product_title_textcolor': '#ffffff', 
  
       'product_title_bgcolor': '#c33b4e', 
  
       'product_margin': 20, 
  
       'product_show_title': true, 
  
       'show_title_in_popup': true, 
  
       'show_selected_title': true, 
  
       'show_icons': true, 
  
       'buttons_margin': 15, 
  
       'buttons_align': 'center', // left, center, right 
  
       'slide_duration': 800, 
  
       'slide_easing': 'easeOutQuart', 
  
       'arrow_duration': 800, 
  
       'arrow_easing': 'easeInOutQuart', 
  
       'video_width_height': [500,290], 
  
       'iframe_width_height': [500,330] 
  
       } 
  
      ); 
  
  
  
  });//ready 
  
  
  
  </script> 
  

我們的腳本給我們已經嘗試改變'product_show_title': true,到

'product_show_title': false, 

但它不是爲我工作。所以請指教..

Answer 1

在插件初始化後正確設置標題和圖標的不透明度。

//define custom parameters 
    $.bookshelfSlider('#bookshelf_slider', { 
     'item_width': 605, 
     'item_height': 720, 
     'products_box_margin_left': 30, 
     'product_title_textcolor': '#ffffff', 
     'product_title_bgcolor': '#c33b4e', 
     'product_margin': 30, 
     'product_show_title': true, 
     'show_title_in_popup': true, 
     'show_selected_title': true, 
     'show_icons': true, 
     'buttons_margin': 15, 
     'buttons_align': 'center', // left, center, right 
     'slide_duration': 800, 
     'slide_easing': 'easeInOutExpo', 
     'arrow_duration': 800, 
     'arrow_easing': 'easeInOutExpo', 
     'video_width_height': [600,600], 
     'iframe_width_height': [600,600] 
     } 
    ); 

$(".show_hide_titles, .show_hide_icons").css('opacity','0.5'); 
$(".product_title, .icons_sprite").css('opacity','0'); 

DEMO