bxsliderスライダーの画像は、私は、ブラウザ

Question

のサイズを変更するときに私はここでのポイントにまっすぐに行くよサイズは変更されません。..

私は、サイトが応答作ってるんだと私はbxsliderを使用していた機能が正常に動作しますが、私が欲しいもの

resizeイベントで画像をリサイズするだけです...スライダーのイベントがもう機能しません..

HTML

<div class="outside"> 
    <div class="custom-controls"> 
     <ul> 
      <li><span id="slider-prev"></span></li> 
      <li><span id="slider-next"></span></li> 
    </div> 
</div> 
    <div class="slide-content"> 
    <div class="slider8"> 
     <div class="slide"><img src="http://placehold.it/300x100&text=FooBar1" width="100%"></div> 
     <div class="slide"><img src="http://placehold.it/300x100&text=FooBar2" width="100%"></div> 
     <div class="slide"><img src="http://placehold.it/300x100&text=FooBar3" width="100%"></div> 
     <div class="slide"><img src="http://placehold.it/300x100&text=FooBar4" width="100%"></div> 
     <div class="slide"><img src="http://placehold.it/300x100&text=FooBar5" width="100%"></div> 
     <div class="slide"><img src="http://placehold.it/300x100&text=FooBar6" width="100%"></div> 
     <div class="slide"><img src="http://placehold.it/300x100&text=FooBar7" width="100%"></div> 
     <div class="slide"><img src="http://placehold.it/300x100&text=FooBar8" width="100%"></div> 
     <div class="slide"><img src="http://placehold.it/300x100&text=FooBar9" width="100%"></div> 
     <div class="slide"><img src="http://placehold.it/300x100&text=FooBar10" width="100%"></div> 
    </div> 
</div> 

jQueryの

var slider; 
    $(document).ready(function(){ 
     slider=$('.slider8').bxSlider({ 
      auto: true, 
      autoHover: true, 
      // autoControls: true, 
      mode: 'vertical', 
      minSlides: 5, 
      slideMargin: 10, 
      pager: false, 
      speed: 2000, 
      nextSelector: '#slider-next', 
      prevSelector: '#slider-prev', 
      pager: false, 
      pause: 100, 
      nextText: '<i class="fa fa-caret-down"></i>', 
      prevText: '<i class="fa fa-caret-up"></i>' 
      }); 



     $(window).resize(function(){ 
      slider.reloadShow(); 
     }); 

    }); 

Answer 1

あなたはCSSでこれを行うことができ

.slide-content .slide img { width:100%; }