title: jquery bookshelf Slider modifications
body: <p>I am creating book shelf using <strong>jquery bookshelf Slider</strong>. Its Working good but i need some modifications in my book self.</p>
  
  <p>Our Book self demo link
  <a href="http://www.almmag.com/issues/test-bookshelf-slider/" rel="nofollow">Book shelf demo</a></p>
  
  <p>Our modifications are given below :</p>
  
  <ul>
  <li><p>Default load time <strong>title and icons</strong> are hide.</p></li>
  <li><p>if we need to click  title or icons. show the title or icon.</p></li>
  </ul>
  
  <p>Our Script is given below</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  
  
  jQuery(document).ready(function() {
  
  
  
      //define custom parameters
  
      $.bookshelfSlider('#bookshelf_slider', {
  
          'item_width': '100%', //responsive design &gt; 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
  
  
  
  &lt;/script&gt;
  </code></pre>
  
  <p>We are already try to change the <code>'product_show_title': true,</code> to </p>
  
  <pre><code>'product_show_title': false,
  </code></pre>
  
  <p>But its not working for me. so please advise..</p>