OWLカルーセルは、ワードプレステーマのRTL形式では動作しません。

Question

OWLカルーセルを使用するためにワードプレステーマを使用しています。 3枚の写真がありますが、最初の写真のみが表示されます。

リンク：OK、

• （0PX、0PX、0PX）最初の写真： http://www.otoshow.ir/listings/کارکرده-2008-325i-کروک-ب-ام-و/

  私は写真の位置に関連した問題を発見しました。

• （-815px、0PX、0PX）第2フォト
• （-1630px、0PX、0PX）第3フォト
• など....

Iが変化することができれば - +に、これはうまくいくでしょう。 + 815pxのインクリメントを使用するように設定するにはどうすればよいですか。以下

コード：

/** 
* 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

フクロウカルーセルはすでにRTLをサポートしています。あなたは "owl.carousel.js"ファイルを編集する必要があります。 ファイルの最後には、次のような多くのオプションがあります。

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

そして "FooGalleryフクロウカルーセルテンプレート" プラグインが、編集 "ギャラリー・OWL-carousel.php" について：

afterAction : false, 
startDragging : false, 
afterLazyLoad: false 

単に "真のRTL" を追加します。

"rtl：true"をファイルの最後に次のように追加します。

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