Как изменить направление карусели бутстрапа

Question

Я использую следующий код js, чтобы изменить направление карусели бутстрапа на «ltr» на арабском языке. Мне нужно изменить направление карусели на «ltr», но следующий код js не работает должным образом.

Есть ли кто-нибудь, кто отладит эту проблему.

JQuery

var theLanguage = $('html').attr('lang'); 
if(theLanguage == 'en') { 

    $('.carousel').carousel({ 
     direction:'left', 
    }); 
} 

else{ 

    $('.carousel').carousel({ 
     direction:'right', 
    }) 
} 

Answer 1

Переопределелив функцию цикла вы можете сделать это назвать пред вместо следующего на каждом цикле.

Take a look at my working example here.

$(document).ready(function() { 
    $('.carousel').each(function(){ 

     // find carousel 
     $(this).carousel(); 

     var carousel = $(this).data('bs.carousel'); 

     // pause the cycle 
     carousel.pause(); 

     // At first, reverse the order of the items in the carousel because we're moving backwards 
     $(this).find('> .carousel-inner > .item:not(:first-child)').each(function() { 
      $(this).prependTo(this.parentNode); 
     }); 

     // Override the bootstrap carousel prototype function, adding a different one won't work 
     carousel.cycle = function (e) { 
      if (!e) this.paused = false 
      if (this.interval) clearInterval(this.interval); 
      this.options.interval 
      && !this.paused 
      && (this.interval = setInterval($.proxy(this.prev, this), this.options.interval)) 
      return this; 
     }; 

     // begin the cycle again 
     carousel.cycle(); 
    }); 
});