超大幻灯片-通过链接转到特定幻灯片

Question

嗨，大家好我正在使用Superslide滑块获取全屏滑块图像。 现在，我想创建一个几乎没有文本的网站。 因此，通过使用主导航，它仅应更改滑块中的图像，或跳转到滑块中的特定图像。

我试图在js函数中使用api.goTo（）调用，但它总是让我出错，

无法获取/ linoSlider / showSlideTwo（）

而且互联网上的帖子也没有帮助我。

您知道如何使用超大滑块跳至特定图像吗？

Answer 1

要跳转到特定的幻灯片，您应该在菜单中使用jquery click操作，并使用api.goTo（）包括图像编号，您应该自己跟踪编号。

<a href="#" class="link_class01"><span>Menu Item 1</span></a>
<a href="#" class="link_class02"><span>Menu Item 2</span></a>

$(".link_class01").click(function(){
api.goTo(1);
});
$(".link_class02").click(function(){
api.goTo(2);
});

试试看，看看会发生什么。

Answer 2

将其放在您的主要html文档中。 链接将为url / doc.html？num = 2

function GetURLParameter(sParam)
{
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++) 
    {
        var sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam) 
        {
            return sParameterName[1];
        }
    }
    return null;
}



jQuery(function($){
    var slideNum = GetURLParameter("num");
    var num = 1;
    if(slideNum!=null){
        if(num > 0) num = slideNum;
    }
}

真是太痛苦了，我希望这会有所帮助。