添加文本超链接到JSSOR幻灯片

时间:2018-03-18 01:03:56

标签: jssor

试图弄清楚如何在JSORR幻灯片上的文本框中创建一个单词超链接。视线上的演示显示了它可能,但没有关于如何做的说明(我知道如何使图像本身成为超链接)。

我通过检查视线来抓住这个代码,但它没有帮助我......

"这是完整的自定义内容层。                         一切都是允许的。你可以插入                                                      一条链接                          或图像                          这里。                     " *

我的基本代码在这里。我想在" homeslider01body"部分超链接....

    <!-- Slides Container --> 
    <div u="slides" style="position: absolute; left: 0px; top: 0px; width: 482px; height: 536px; overflow: hidden;">

        <div><img u="image" src="home/_images/S01_01.jpg" />
        <div class="homeslider01title">Henrie and Betty-Loo</div>
            <div class="homeslider01body">Things are going well <br>Seriously Great!!
            </div></div>
        <div><img u="image" src="home/_images/S01_02.jpg" /></div>
        <div><img u="image" src="home/_images/S01_03.jpg" /></div>
    </div>

1 个答案:

答案 0 :(得分:0)

您可以添加<a>幻灯片。 此外,您可以在<a>幻灯片中添加<div>元素。

<!-- Slides Container --> 
<div u="slides" style="position: absolute; left: 0px; top: 0px; width: 482px; height: 536px; overflow: hidden;">

    <div><img u="image" src="home/_images/S01_01.jpg" />
    <div class="homeslider01title">
        <a style="position:absolute;top:10px;left:10px;width:200px;height:30px;">Henrie and Betty-Loo</a>
    </div>
    <a class="homeslider01body">Things are going well <br>Seriously Great!!
    </a></div>
    <div><img u="image" src="home/_images/S01_02.jpg" /></div>
    <div><img u="image" src="home/_images/S01_03.jpg" /></div>
</div>