<a> 标记溢出<div>



在一个网页上,我正在使用PhotoSwipe创建一个效果很好的图片库。单击时,每个缩略图 (SMALL.jpg( 都会打开显示 BIG.jpg 的图库。要正常工作,PhotoSwipe 需要数据大小作为携带实际 BIG.jpg 大小("2500x1875"(的属性。

直到这里一切都好。

我现在正在尝试在每个缩略图下添加新的div(noPSWP(,这不应该启动PhotoSwipe。我尝试了许多解决方案 - 但是唯一有效的方法是摆脱属性数据大小...这似乎与照片滑动不兼容...

你可以帮我吗?

PS:div类启动PSWP似乎很烦躁

PPS:标记一个 CSS 集显示:内联块

; 宽度:100%; 高度:100%; 最大宽度: 100%;

<div class="thumbnail">
<div class="launchPSWP">
<figure>
<a href="BIG.jpg" data-size="2500x1875">
<img src="SMALL.jpg">
</a>
</figure>
</div>
<div class="noPSWP" style="pointer-events:none"> Shoudl not open PhotoSwipe
</div>
</div>

解决了,问题在于 Jquery 捕获启动 PhotoSwipe 的点击,它在div 上而不是在图上。

最新更新