Lightbox.js powiększanie wywołanego zdjęcia

0

Witam, może ktoś używał Lightbox.js. Usiłuję dodać powiększanie zdjęcia wywołanego tym właśnie skryptem scrollem lub przyciskiem?
Kod slidera w którym znajdują się zdjęcia. (OwlCarousel)

<div class="carousel">
    <div class="carousel-slider">
      <div class="container">
        <div id="example-carousel" class="owl-carousel">
          <div class="carousel-item">
            <img src="img/Layer 22.jpg">
            <a href="img/Layer 22.jpg" data-lightbox="mygallery" data-title="Realizacja">
            <div class="carousel-hover">
              <div class="carousel-hover-inner">
                <h3>Informacje</h3>
                <p>o inwestycji</p>
              </div>
            </div>
            </a>
          </div>
          <div class="carousel-item">
            <img src="img/Layer 28.jpg">
            <a href="img/layer 28.jpg" data-lightbox="mygallery" data-title="Realizacja">
            <div class="carousel-hover">            
              <div class="carousel-hover-inner">
                <h3>Informacje</h3>
                <p>o inwestycji</p>
              </div>
            </div>
            </a>
          </div>
          <div class="carousel-item">
            <img src="img/Layer 20.jpg">
            <a href="img/Layer 20.jpg" data-lightbox="mygallery" data-title="Realizacja">
            <div class="carousel-hover">
              <div class="carousel-hover-inner">
                <h3>Informacje</h3>
                <p>o inwestycji</p>
              </div>
            </div>
            </a>
          </div>
          <div class="carousel-item">
            <img src="img/Layer 24.jpg">
            <a href="img/Layer 24.jpg" data-lightbox="mygallery" data-title="Realizacja">
            <div class="carousel-hover">
              <div class="carousel-hover-inner">
                <h3>Informacje</h3>
                <p>o inwestycji</p>
              </div>
            </div>
            </a>
          </div>
          <div class="carousel-item">
            <img src="img/layer 27.jpg">
            <a href="img/layer 27.jpg" data-lightbox="mygallery" data-title="Realizacja">
            <div class="carousel-hover">
              <div class="carousel-hover-inner">
                <h3>Informacje</h3>
                <p>o inwestycji</p>
              </div>
            </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
0

Wiem, że może to nie jest odpowiedź na twoje pytanie, ale: czy naprawdę do każdej bzdury trzeba używać zewnętrznych bibliotek? W gołym JS masz dostępną możliwość manipulowania rozmiarem obiektu. A jeśli chcesz z tego zrobić animację (swoją drogą, czy naprawdę trzeba do każdej bzdury używać animacji zamiast po prostu wyświetlić użytkownikowi żądaną treść), to w gołym JS masz możliwość zmiany klasy CSS elementu i wykorzystania
https://www.w3schools.com/css/css3_transitions.asp

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0