Question

我们从JSSOR 26.5.2升级到27.5.0，发现我们不再能够使用JSSOR文档中所述的“链接幻灯片”：

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

问题似乎是JSSOR 27中的DOM更改。现在有一个新的DIV元素，其data-events = auto和data-display = block充当了前面的“玻璃”实际图像（带有u = image的图像）。结果，围绕实际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>元素。

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

1 个答案: