bxSliderで横幅めいっぱい

http://www.asahilogistics.co.jp/
こういう感じにしたいとき+アクティブ以外は半透明にする

http://www.asahilogistics.co.jp/
こういう感じにしたいとき+アクティブ以外は半透明にする

  • タグ:
  • タグはありません
JS
	$('#slider').bxSlider({
	auto: true,
	easing: 'easeOutBack',
	onAfterSlide: function(cr, total, obj){
    	$('.item').find('img').fadeTo('fast','0.2');
    	$('.item').eq(cr+1).find('img').fadeTo('fast','1');
	}
	});

CSSも手をいれる必要がある

.bx-window {
	overflow: visible !important;
}
#mainimg .item {
	padding: 0 10px;
	width: 900px !important;
}