点击功能到特定的幻灯片（superslides插件）

Question

我有滑块与5张幻灯片。我有两个链接。第一个链接必须转到第3张幻灯片，第二个链接必须转到第5张幻灯片。 我无法通过标准分页进行此操作。我需要点击（函数（），但在这个插件的API，我找不到它

HTML：

<div id="slides"> 
<ul class="slides-container"> 
    <li> 
     slide 1 
    </li> 
    <li> 
     slide 2 
    </li> 
    <li> 
     slide 3 
    </li> 
    <li> 
     slide 4 
    </li> 
    <li> 
     slide 5 
    </li> 
</ul> 

<header class="header"> 
    <a href="#" class="link">Link to slide 3</a> 
    <a href="#" class="link1">Link to slide 5</a> 
    <a href="#" class="link2">Link to google</a> 
</header> 
</div> 

JS

$('#slides').superslides({ 
    animation: 'fade' 
}); 

Answer 1

在HREF附加哈希宽度幻灯片编号

<a href="#3" class="link">Link to slide 3</a> 
<a href="#5" class="link1">Link to slide 5</a> 

编辑

HTML

组ATTR 数据-S宽度幻灯片编号和类名链路

<a href="javascript:" class="link" data-s="1">Link to slide 1</a> 
<a href="javascript:" class="link" data-s="3">Link to slide 2</a> 

的jquery

$('.link').click(function(){ 
     var ind=parseInt($(this).data('s')); 
     ind--;     
     $('#slides').superslides('animate' , ind) 
     }) 

编辑2

的jquery

$('.link').click(function(){ 
     var ind=parseInt($(this).data('s')); 
     ind--;     
     $('#slides').superslides('animate' , ind) 

     $('.link').removeClass('current'); 
     $(this).addClass('current') 
     })