Слайдер на всю ширину с частями картинок по бокам BxSlider

Слайдер на всю ширину с частями картинок по бокам BxSlider

Рарзметка HTML:



  • Banner
  • Banner
  • Banner

Стили 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","");
		}
	});
});

Результат:

  • Banner
  • Banner
  • Banner
Способ поблагодарить автора сайта:

Комментарии (0)

  1. Напишите первый комментарий
*Комментарий будет опубликован после проверки модератором
Наш сайт использует куки, нажмите «ОК» если вы не против
OK