Слайдер на всю ширину с частями картинок по бокам BxSlider
Рарзметка HTML:
Стили CSS:
.slideshow_fullscreen .container {margin-right: auto;margin-left: auto;padding-left: 10px;padding-right: 10px;width: 400px;}
.row {margin-left: -10px;margin-right: -10px;}
.slideshow_fullscreen {
width: 100%;
overflow: hidden;
}Скрипты JS:
$(document).ready(function(){
$('.landing_blocks_wr_live').find('.bxslider_fullscreen').bxSlider({ // $('.landing_blocks_wr_live').find надо убрать, оставить $('.bxslider_fullscreen')
pager:false
,auto:true
,onSliderLoad:function(){
$(".bxslider_fullscreen").parent(".bx-viewport").css("overflow","");
}
});
});Результат:
Способ поблагодарить автора сайта:
Комментарии (0)
Не писать ответ