Модал с эффектом скольжения

Question

Я пытался получить модал с эффектом скольжения и увеличивать при наведении курсора, но пока не повезло, но мне удалось добраться до точки, когда картинка щелкает по ней. Это похожий сайт http://www.garysheng.com/ (раздел Фото). Пожалуйста, см. Codepen https://codepen.io/rranssa/pen/LYVyooe.

Answer 1

Вы можете использовать lightGallery

Это просто и вам не нужно реализовывать это самостоятельно, все, что вам нужно сделать, это добавить упомянутую ссылку в документацию , а затем используйте его, как показано ниже:

<div id="lightgallery">
  <a href="img/img1.jpg">
      <img src="img/thumb1.jpg" />
  </a>
  <a href="img/img2.jpg">
      <img src="img/thumb2.jpg" />
  </a>
</div>


<script type="text/javascript">
    $(document).ready(function() {
        $("#lightgallery").lightGallery(); 
    });
</script>

Вы можете включать и отключать параметры, передавая ему объект следующим образом:

$('#lightgallery').lightGallery({
    mode: 'lg-fade',
    cssEasing : 'cubic-bezier(0.25, 0, 0.25, 1)'
    ......
}); 

все параметры доступны по ссылке ниже: https://sachinchoolur.github.io/lightGallery/docs/api.html