не судьба значит ... http://embed.plnkr.co/WfChVGgdX1fXkgdSLyBh/

рони У тебя в твоём примере идеально работает, понял, буду разбираться, спасибо большое!

fenix_63,
уберите скрипт пост 9 и 7

Всё, разобрался, не работало из-за того, что стили не в раздел head выносил, а добавлял к уже существующему файлу styles.css Как только стили вынес в раздел head всё заработало.

рони Ещё раз огромное спасибо !!!

fenix_63,
в html центральному слайду поставьте изначально класс big

<div class="slide big">

и можно так попробовать

$(document).ready(function(){
        $('.slider4').bxSlider({
          pager:false,
          slideWidth: 215,
          minSlides: 2,
          maxSlides: 3,
          moveSlides: 1,
          slideMargin: 10,
          onSlideBefore : function($slideElement, oldIndex, newIndex){
          $(".slider4  .slide").removeClass("big")
           },
          onSlideAfter : function($slideElement, oldIndex, newIndex){
          $(".slider4  .slide").eq(4+newIndex).addClass("big")
           }

         })
      })