bxslider スライダーフィルターについて

Question

BXsliderについて教えてください。

常に3枚を画面いっぱいに表示し、真ん中以外（左右2枚）にフィルターをかけたいのですが、
画面を広げると同時にフィルターも広がり、逆に画面を狭めるとフィルターがメイン画像にもかかってしまう状態です。

どの様にすれば、メイン画像にフィルターがかからないままになりますでしょうか。

よろしくお願い致します。

Answer 1

質問者さんがどういうコードを書いてるかが分かりません。

Comments

[d3I22Zd3cPzvRbT]

こちらになります。
JS

<script>
$(document).ready(function(){
var activeClass = 'active-slide';
$('.mainSlide').bxSlider({
auto: true,
speed: 1000,
pause: 5000,
controls: true,
slideWidth: 600,
slidemargin: 0,
miniSlides: 1,
maxSlides: 1,
moveSlides: 1,
onSliderLoad: function() {
$('.mainSlide').children('img').eq(1).addClass(activeClass);
},
onSlideAfter: function($slideElement, oldIndex, newIndex) {
$('.mainSlide').children('img').removeClass(activeClass).eq(newIndex + 1).addClass(activeClass);
}
});
//$("a.colorbox").colorbox({maxWidth:"90%"});
});
$(function() {
$('.goodsBox').matchHeight();
});
</script>

css
追加スライドショー*/

#global {

overflow: hidden;
position: relative;
margin: 0 auto;
height: 500px;
}
#global .bx-wrapper {
position: relative;
left:50%;
margin-left: -300px;
}
#global .bx-slider li{
width:600px;
}
#global .bx-slider img{
width: 900px;
height: 400px;
}
#slideFilterL, #slideFilterR {
position:absolute;
top:0;
width:400px;
height:424px;
opacity:0.4;
filter:alpha(opacity=80);
-ms-filter:"alpha( opacity=80 )";
background:#000;
}
#slideFilterL {
left:0;
}
#slideFilterR {
right:0;
}

#global　.bx-wrapper {
margin:0 auto;
position:relative;
}

#global　.bx-wrapper .bx-pager {
margin:0 auto;
width:1000px;
background:#fff;
}