Supersized Slide - 转到特定的Slide by Link

时间:2013-10-18 11:00:16

标签: javascript jquery html supersized

大家好我正在使用Superslide滑块来显示全屏滑块图像。现在我想创建一个几乎没有文字的网站。因此,通过使用主要的mavigation,它应该更改滑块中的图像,或跳转到滑块中的特定图像。

我试过在js函数中使用api.goTo()调用,但它总是给我一个错误,

  

无法GET / linoSlider / showSlideTwo()

并且互联网上的帖子对我没有帮助。

有关如何使用超大尺寸滑块跳转到特定图像的任何想法吗?

2 个答案:

答案 0 :(得分:0)

要跳转到特定幻灯片,您应该在菜单中使用jquery点击操作,并使用包含图像编号的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);
});

试试看看会发生什么。

答案 1 :(得分:0)

将它放在主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;
    }
}

这是一个痛苦的**我希望这会有所帮助。