OWL Karussell funktioniert nicht im RTL-Format in Wordpress-Design

Question

Ich verwende ein Wordpress-Thema zu OWL Karussell verwendet. Es gibt 3 Fotos, aber nur das erste Foto angezeigt.

-Link: http://www.otoshow.ir/listings/کارکرده-2008-325i-کروک-ب-ام-و/

ich ein Problem in Zusammenhang mit der Position der Fotos gefunden habe:

• (0px, 0px, 0px) erstes Foto, ok.
• (-815px, 0px, 0px) Zweites Foto
• (-1630px, 0px, 0px) drittes Foto
• und so weiter ....

Wenn ich ändern könnte - zu +, dann würde das funktionieren. Wie kann ich dies einstellen, um ein Inkrement von + 815px zu verwenden.

-Code unten:

/** 
* Animates the stage. 
* @public 
* @param {Number} coordinate - The coordinate in pixels. 
*/ 
Owl.prototype.animate = function(coordinate) { 
    this.trigger('translate'); 
    this.state.inMotion = this.speed() > 0; 

    if (this.support3d) { 
     this.$stage.css({ 
      transform: 'translate3d(' + coordinate + 'px' + ',0px, 0px)', 
      transition: (this.speed()/1000) + 's' 
     }); 
    } else if (this.state.isTouch) { 
     this.$stage.css({ 
      left: coordinate + 'px' 
     }); 
    } else { 
     this.$stage.animate({ 
      left: coordinate 
     }, this.speed()/1000, this.settings.fallbackEasing, $.proxy(function() { 
      if (this.state.inMotion) { 
       this.transitionEnd(); 
      } 
     }, this)); 
    } 
}; 

Answer 1

Owl Carousel unterstützt bereits rtl. Sie müssen die Datei "owl.carousel.js" bearbeiten. Am Ende der Datei gibt es viele Optionen wie folgt.

afterAction : false, 
startDragging : false, 
afterLazyLoad: false 

Fügen Sie einfach "rtl: true"

afterAction : false, 
startDragging : false, 
afterLazyLoad: false, 
rtl: true 

Und für "FooGallery Owl Carousel Template" Plugin bearbeiten "Galerie-owl-carousel.php".

Fügen Sie "rtl: true" am Ende der Datei wie folgt hinzu.

autoplayHoverPause: <?php echo $pause; ?>, 
lazyLoad: true, 
autoWidth: <?php echo $autowidth; ?>, 
rtl: true