2014-04-12 159 views
1

我想創建連續並與箭頭按鈕和底部滑動的上側在這裏,我使用此代碼,但這不是在上部滑動Jquery的滑塊滑動countinuesly

<script class="secret-source"> 
    jQuery(document).ready(function($) { 

     $('#banner-slide').bjqs({ 
     animtype  : 'slide', 
     height  : 320, 
     width   : 620, 
     responsive : true, 
     randomstart : true 
     }); 

    }); 
    </script> 

與bjqs滑動的滑塊。 1.3.min.js

我不能在這裏上傳自己的形象現在

圖片是我的滑請任何人的演示可以幫助找到這個滑塊我

+0

'<腳本類= 「祕密源」>'??? –

回答

0

請嘗試jQuery的-U我滑動器連桿https://jqueryui.com/slider/#slider-vertical

和代碼是

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Slider - Vertical slider</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script> 
    $(function() { 
    $("#slider-vertical").slider({ 
     orientation: "vertical", 
     range: "min", 
     min: 0, 
     max: 100, 
     value: 60, 
     slide: function(event, ui) { 
     $("#amount").val(ui.value); 
     } 
    }); 
    $("#amount").val($("#slider-vertical").slider("value")); 
    }); 
    </script> 
</head> 
<body> 

<p> 
    <label for="amount">Volume:</label> 
    <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;"> 
</p> 

<div id="slider-vertical" style="height:200px;"></div> 


</body> 
</html> 
+0

是不是我的答案我現在不能上傳我的照片 請訪問makaan.com並參見左側Featured Projects滑塊請參閱 – ritika

+0

請檢查它可能是完全的你http://baijs.com/tinycarousel/ – user2075328

+0

或者您可以使用此鏈接http://www.typicallyspanish.com/royalslider/templates/simple-vertical/ – user2075328