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

Question

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

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

无法获取 /linoSlider/showSlideTwo()

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

任何想法如何使用超大滑块跳转到特定图像？

Answer 1

Put this in your main html doc. The links will be 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;
    }
}

This was such a pain in the a** i hope this helps.

Answer 2

要跳转到特定幻灯片，您应该在菜单中使用 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);
});

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