bxSliderで横幅めいっぱい | Codetter（こーどったー）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX