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

【问题标题】：jssor slider add external link to the thumbnailjssor 滑块将外部链接添加到缩略图
【发布时间】：2015-02-19 17:45:22
【问题描述】：

我正在为我的滑块使用 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>

感谢您的帮助！

【问题讨论】：

请在此处发布您的缩略图导航器皮肤代码。

标签： jssor

【解决方案1】：

我猜它已经奏效了。

但在下面的代码中有一个额外的封闭'

'，

<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 代码，因为它是完全可定制的，而且可能非常复杂。请确保您的链接元素没有被任何其他元素覆盖。

【讨论】：