點擊功能到特定的幻燈片（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') 
     })