Добрый вечер! Подскажите пожалуйста как сделать подобное решение как тут
aqvatarius.com/themes/atlant_v1_6/html/pages-galle...
Есть одна проблема, в данном решении всплывает блок с чекбоксом и крестиком для удаления фото. Мне необходимо сделать так же только чтобы эти 2 кнопки были ссылками, одна для редактирования другая для удаления. Но тк в этой галерее используется такая конструкция
<div class="gallery" id="links">
<a class="gallery-item" href="assets/images/gallery/nature-1.jpg" title="Nature Image 1" data-gallery="">
<div class="image">
<img src="assets/images/gallery/nature-1.jpg" alt="Nature Image 1">
<ul class="gallery-item-controls">
<li><label class="check"><div class="icheckbox_minimal-grey" style="position: relative;"><input type="checkbox" class="icheckbox" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div></label></li>
<li><span class="gallery-item-remove"><i class="fa fa-times"></i></span></li>
</ul>
</div>
<div class="meta">
<strong>Nature image 1</strong>
<span>Description</span>
</div>
</a>
</div>
Я не могу сделать блок с двумя кнопками ссылками. Тк получиться что ссылки будут внутри ссылки))
Вот пример реализации данной галереи
jsfiddle.net/3su8Y, может есть идеи как сделать поверх изображения всплывающий блок с двумя ссылками?