Как c lightgallery подружить ссылки при ховере?

Question

[Рахэб Ватаниар]

как подружить lightgallery.js с вложенными в слайд галлереии <a></a>?

<a class="hovereffect nopadding col-sm-4 col-xs-6 pull-left" href="img/portfolio-01.jpg">
   <img class="img-responsive" src="img/portfolio-01.jpg">
     <div class="overlay">
       <div class="rotate">
          <p class="group1">
             <a href="#">
                        	<i class="fa fa-twitter"></i>
             </a>
             <a href="#">
                       		<i class="fa fa-facebook"></i>
             </a>
          </p>
          <hr>
          <hr>
          <p class="group2">
             <a href="#">
                      	  <i class="fa fa-instagram"></i>
             </a>
             <a href="#">
                       	 	<i class="fa fa-dribbble"></i>
             </a>
          </p>
       </div>
    </div>
 </a>

Comments

[Рахэб Ватаниар]

Получается так что если без тегов вложенных <a></a> то всё работает идеально, но lightgallery.js походу думает что все <a></a> это слайд, ну и все ломается

Answer 1

[artyomunder]

Можно костылем, на i навешать
<i onclick="location.href='http://site.ru;"> </i>
И добавить при ховере cursor: pointer

Comments

[artyomunder]

Чтобы в новом окне во так
onclick="window.open('http://site.ru')"

[Рахэб Ватаниар]

artyomunder, начинает работать слайдер при клике "в этом окне"
если в новой вкладке , то открывается вкладка , и запускается слайдер