скользкий лайтбокс не работает в направлении RTL - PullRequest
Новая
       35

скользкий лайтбокс не работает в направлении RTL

0 голосов
/ 12 ноября 2018

У меня есть группа изображений, на которых я использовал гладкий лайтбокс. https://github.com/mreq/slick-lightbox

В настоящее время я работаю на арабском сайте, и поэтому я хочу, чтобы карусель работала справа налево. Когда я помещаю атрибут dir = "html" в тег html, он нарушает карусель. работает с тэгом rtl строго на родителя гладкого лайтбокса.

Codepen: https://codepen.io/shivanit2/pen/jQBrwB

HTML-разметка 

    <html dir="rtl">
  <body>
      <div class="content">
        <h1 class="content-title">Gallery</h1>

        <div class="gallery js-gallery">
          <div class="gallery-item">
            <div class="gallery-img-holder js-gallery-popup">
              <img src="https://picsum.photos/600/500" alt="" class="gallery-img">
            </div>
          </div>
          <div class="gallery-item">
            <div class="gallery-img-holder js-gallery-popup">
              <img src="https://picsum.photos/700/500" alt="" class="gallery-img">
            </div>
          </div>
          <div class="gallery-item">
            <div class="gallery-img-holder js-gallery-popup">
              <img src="https://picsum.photos/800/500" alt="" class="gallery-img">
            </div>
          </div>
        </div>
      </div>
  </body>
</html>

JS 

  $('.js-gallery').slickLightbox({
    src: 'src',
    itemSelector: '.js-gallery-popup img',
    background: 'rgba(0, 0, 0, .7)'
  });

Какие модификации можно сделать, чтобы плагин поддерживал RTL?

...