Question

我正在使用我的滑块的jssor模板，我修改了设置，以便当鼠标悬停在缩略图上时我可以更改滑块图像。但我不知道如何向缩略图添加外部链接，以便我可以转到与该图片相关联的另一个页面我从http://quabr.com/28478806/jssor-external-links-on-thumbnails尝试了以下方法但是没有用

<div>
    <img u="image" src="../img/photography/002.jpg" />
    <div u="thumb">
    <a href="http://mylink.com" target="_blank"><img class="i"   src="../img/photography/thumb-002.jpg"/></a>
    </div>
    <div u="caption" t="L">My Title</div>
    </div>
</div>

感谢您的帮助！

Answer 1

我猜它已经有用了。

但还有一个额外的'＆lt; div＆gt;'在以下代码中，

<div>
    <img u="image" src="../img/photography/002.jpg" />
    <div u="thumb">
    <a href="http://mylink.com" target="_blank"><img class="i"   src="../img/photography/thumb-002.jpg"/></a>
    </div>
    <div u="caption" t="L">My Title</div>
    </div>
</div>

请通过替换

删除它

    <div u="caption" t="L">My Title</div>
    </div>

与

    <div u="caption" t="L">My Title</div>

另外，请为'a'元素设置'height：100％'以使可点击区域更大。

<a href="http://mylink.com" target="_blank" style="height: 100%;">

最后，请查看缩略图导航器皮肤html代码，因为它完全可以自定义，而且可能非常复杂。请确保您的link元素未被任何其他元素覆盖。

jssor滑块添加缩略图的外部链接

1 个答案: