如何在jQuery中傳遞和設置滑塊圖像的顯示時間？

Question

我已經使用了一個圖像滑塊。它的HTML和jQuery代碼如下：

HTML代碼：

<div class="leaderboard"> 
    <ul id="demo1"> 
    <li><a href="#slide1"><img src="img/Slid1.png" alt="Lorem Ipsum"></a></li> 
    <li><a href="#slide2"><img src="img/Slid2.png" alt="Lorem Ipsum"></a></li> 
    <li><a href="#slide3"><img src="img/slid3.png" alt="Lorem Ipsum"></a></li> 
    </ul> 
</div> 

jQuery代碼：

$(function() { 
    var demo1 = $("#demo1").slippry({ 
    transition: 'fade', 
    useCSS: true, 
    speed: 1000, 
    pause: 3000, 
    auto: true, 
    preload: 'visible' 
    }); 
    $('.stop').click(function() { 
    demo1.stopAuto(); 
    }); 
    $('.start').click(function() { 
    demo1.startAuto(); 
    }); 
    $('.prev').click(function() { 
    demo1.goToPrevSlide(); 
    return false; 
    }); 
    $('.next').click(function() { 
    demo1.goToNextSlide(); 
    return false; 
    }); 
    $('.reset').click(function() { 
    demo1.destroySlider(); 
    return false; 
    }); 
    $('.reload').click(function() { 
    demo1.reloadSlider(); 
    return false; 
    }); 
    $('.init').click(function() { 
    demo1 = $("#demo1").slippry(); 
    return false; 
    }); 
}); 

必要的jQuery和CSS文件已經被包括在內。

此圖片滑塊對我來說非常完美。但是現在我想在幾秒鐘內設置一些值（比如說5秒，這是一個變量值，也可以不是5秒）。換句話說，我想顯示每個圖像5秒鐘，只要5秒完成，下一個圖像應該來。

我應該如何將5秒的這個值傳遞給上面的jQuery滑塊函數，並將該值用於函數中，以便滑塊中的每個圖像將出現5秒？

感謝您花一些寶貴的時間來了解我的問題。如果您需要關於此問題的更多信息，請告訴我。

任何類型的肝病都將受到高度讚賞。等待你的寶貴回覆。

Answer 1

的幻燈片最後5秒更改值

var demo1 = $("#demo1").slippry({ 
    transition: 'fade', 
    useCSS: true, 
    speed: 1000, 
    pause: 5000,// changed from 3000(3s) 
    auto: true, 
    preload: 'visible' 
}); 

，你可以得到更多的信息，這裏http://slippry.com/settings/

編輯2

，你需要做這樣的事情

JS Fiddle