2016-07-13 2 views
1

OWL 회전식 컨베이어를 사용하기 위해 WordPress 테마를 사용하고 있습니다. 3 장의 사진이 있지만 첫 번째 사진 만 표시됩니다.OWL 회전식 컨베이어가 RTL 형식으로 작동하지 않습니다.

링크 : 나는 사진의 위치와 관련된 문제를 발견 http://www.otoshow.ir/listings/کارکرده-2008-325i-کروک-ب-ام-و/

:

  • (0 픽셀, 0 픽셀, 0 픽셀) 첫 번째 사진, 확인을 클릭합니다.
  • (-815px, 0 픽셀, 0 픽셀) 제 2 포토
  • (-1630px, 0 픽셀, 0 픽셀) 제 사진
  • 등 ....

I가 변경 될 경우 - +로 다음이 작동합니다. + 815 픽셀의 증가분을 사용하도록 어떻게 설정할 수 있습니까? 아래

코드 :

/** 
* 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)); 
    } 
}; 
+0

더 많은 독자가 이해할 수 있도록 문법을 수정했습니다. 인코딩 된 URL 형식 대신 비 라틴 (페르시아어) 문자에 대해 UTF-8을 표시하도록 링크가 업데이트되었습니다. –

답변

0

올빼미 회전 목마 이미 RTL을 지원합니다. "owl.carousel.js"파일을 편집해야합니다. 파일 끝에는 다음과 같은 많은 옵션이 있습니다.

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

그리고 "FooGallery 올빼미 회전 목마 템플릿"플러그인 편집 "갤러리 올빼미 - carousel.php"에 대한

:

afterAction : false, 
startDragging : false, 
afterLazyLoad: false 

은 간단하게 "사실은 RTL"를 추가합니다.

다음과 같이 파일 끝에 "rtl : true"를 추가하십시오.

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