如何用锚标记包装JSSOR图像以超链接单个图像

Question

我们从JSSOR 26.5.2升级到27.5.0，发现我们无法再使用JSSOR文档中描述的"链接幻灯片"：

https://www.jssor.com/development/define-slides-html-code.html

问题似乎是JSSOR 27中的DOM更改。现在有一个新的DIV元素，数据事件=自动，数据显示=块，它在实际图像(u=图像(前面充当一种"玻璃"。因此，任何。。。无法点击实际IMG周围的，因为这个"玻璃"的z索引阻止点击。

在我们的案例中，我们一直在使用这样的构造：

<a u="image" href="..." style="display: block;">
<img src="..." alt="..."/>
</a>

它一直有效到现在。这是JSSOR中的一个错误吗？

Answer 1

您的代码是正确的。

无论如何，这里有一个例子，希望这能有所帮助。

https://www.jssor.com/jssordev/problems/image-slider.slider

https://www.jssor.com/jssordev/problems/image-slider.slider/=edit

输出代码如下，

<a href="#">
<img data-u="image" src="//jssorcdn7.azureedge.net/demos/img/gallery/980x380/004.jpg" />
<div data-t="0" style="position:absolute;top:30px;left:30px;width:500px;height:40px;font-family:Oswald,sans-serif;font-size:32px;font-weight:200;line-height:1.2;text-align:center;background-color:rgba(255,188,5,0.8);">responsive, scale smoothly</div>
</a>

---

编辑

我遇到了问题，新版本改进为使用<a>元素作为整个幻灯片。通过这种方式，您可以在不隐藏链接区域的情况下添加任何内容。

也就是说，由于<a>是一张幻灯片，您可以删除父<div>元素。