вертикальный слайдер в javascript

Question

Мне нужен вертикальный слайдер в скрипте Java. Ползунок должен быть таким, чтобы при нажатии плюс [+] он скользил вниз и при нажатии [-] он переместился вверх. Содержимое выбирается из БД и отображается на экране. Мне нужен ползунок для кода ниже.

<ck:forEach items="${headings}" var="headings"> 
    <input type="button" value="<ck:out value="${headings.description}" />"><br> 
    <ck:forEach items="${descriptions}" var="descriptions"> 
     <ck:if test="${headings.identifier == descriptions.identifier}">      
       <ul><li><ck:out value="${descriptions.text}" /></li></ul>     
     </ck:if> 
    </ck:forEach> 
     <br> 
</ck:forEach> 

Я не могу использовать плагины JQuery.

Благодаря

Answer 1

вы можете попробовать это:

jQuery(document).ready(function($) { 
    $('#simple-vertical').royalSlider({ 
    arrowsNav: true, 
    arrowsNavAutoHide: false, 
    fadeinLoadedSlide: true, 
    controlNavigation: 'none', 
    imageScaleMode: 'fill', 
    imageAlignCenter:true, 
    loop: false, 
    loopRewind: false, 
    numImagesToPreload: 4, 
    slidesOrientation: 'vertical', 
    keyboardNavEnabled: true, 
    video: { 
     autoHideArrows:true, 
     autoHideControlNav:true 
    }, 

    autoScaleSlider: true, 
    autoScaleSliderWidth: 960,  
    autoScaleSliderHeight: 850, 

    /* size of all images http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/adding-width-and-height-properties-to-images */ 
    imgWidth: 640, 
    imgHeight: 360 
    }); 
}); 

DEMO PAGE